@charset "UTF-8";
/*.c-uhff{
	margin-top:0;
}*/
a.btn-outline-info {
  color: #17a2b8; }

.context-uhf {
  font-family: SegoeUI,'微軟正黑體',Microsoft JhengHei,SegoeLight,Segoe,Arial,Verdana,sans-serif; }

.btn {
  border-radius: 0; }

.iconfontwidth01 {
  width: 1em;
  height: auto; }

.iconfontwidth02 {
  width: 2em;
  height: auto; }

.color-agendaA {
  color: #D83B01; }

.color-agendaB {
  color: #002050; }

.color-agendaC {
  color: #595959; }

.bg-agendaA, .point.-A {
  background-color: #D83B01; }

.bg-agendaB, .point.-B {
  background-color: #002050; }

.bg-agendaC, .point.-C {
  background-color: #595959; }

.point {
  width: 2em;
  height: 2em;
  display: inline-block;
  border-radius: 1em;
  vertical-align: middle; }

.fc-event-container a::not([href]):not([tabindex]) {
  color: #fff; }

.ms-fulid-container {
  width: 90%;
  margin: 0 auto; }

.arrowicon:after, .MWFicon:after {
  font-family: "MWF-MDL2";
  font-size: 8px;
  font-style: normal;
  vertical-align: middle; }

.MWFicon:hover:after {
  text-decoration: none; }

.MWFicon.-size1:after {
  font-size: 1em; }

.MWFicon.-size2:after {
  font-size: 2em; }

.MWFicon.-clear:after {
  content: "\E894"; }

.MWFicon.-agenda:after {
  content: "\E787"; }

.MWFicon.-list:after {
  content: "\E700"; }

.MWFicon.-home:after {
  content: "\E80F"; }

.MWFicon.-globe:after {
  content: "\E774"; }

.MWFicon.-phone:after {
  content: "\E717"; }

.arrowicon.-down:after {
  content: "\E70D"; }

.arrowicon.-up:after {
  content: "\E70E"; }

.arrowicon.-right:after {
  content: "\E76C"; }

.arrowicon.-left:after {
  content: "\E76B"; }

.accordion .arrowicon:after {
  display: inline-block;
  padding-left: 0.5em;
  font-weight: 700;
  margin-top: -0.25em;
  line-height: 1em; }

.clearaccBtn {
  pointer-events: none;
  opacity: 0; }

.clearaccBtn.show {
  pointer-events: auto;
  opacity: 1; }

.sbanner-header, .sbanner-body {
  padding: .75rem 1.25rem; }

.sbanner-header {
  background-color: #1B70B9;
  color: #ffffff; }

.sbanner-body {
  background-color: #f2f2f2; }

.flexItem {
  margin: 0.5%;
  position: relative; }
  .flexItem._1 {
    width: 99%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.05s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.05s; }
  .flexItem._2 {
    width: 49%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.1s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.1s; }
  .flexItem._3 {
    width: 32.33333%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.15s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.15s; }
  .flexItem._4 {
    width: 24%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.2s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.2s; }
  .flexItem._5 {
    width: 19%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.25s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.25s; }
  .flexItem._6 {
    width: 15.66667%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.3s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.3s; }
  .flexItem._7 {
    width: 13.28571%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.35s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.35s; }
  .flexItem._8 {
    width: 11.5%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.4s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.4s; }
  .flexItem._9 {
    width: 10.11111%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.45s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.45s; }
  .flexItem._10 {
    width: 9%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.5s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s; }
  .flexItem._11 {
    width: 8.09091%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.55s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.55s; }
  .flexItem._12 {
    width: 7.33333%;
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.6s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.6s; }
  .flexItem._w-auto {
    width: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .flexItem._hover:hover {
    background-color: #f2f2f2; }

.flexItem_4 {
  width: 24%;
  margin: 0.5%;
  position: relative;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s; }
  .flexItem_4._w-auto {
    width: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.flexItem_4:hover {
  background-color: #f2f2f2; }

@media (max-width: 1000px) {
  .flexItem_4 {
    width: 49%; }
  .flexItem._1 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._2 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._3 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._4 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._5 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._6 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._7 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._8 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._9 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._10 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._11 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._12 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_1 {
    width: 99%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_2 {
    width: 49%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_3 {
    width: 32.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_4 {
    width: 24%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_5 {
    width: 19%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_6 {
    width: 15.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_7 {
    width: 13.28571%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_8 {
    width: 11.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_9 {
    width: 10.11111%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_10 {
    width: 9%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_11 {
    width: 8.09091%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000_12 {
    width: 7.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w1000-auto {
    width: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

@media (max-width: 768px) {
  .flexItem._w1000_1 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_2 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_3 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_4 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_5 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_6 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_7 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_8 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_9 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_10 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_11 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w1000_12 {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%; }
  .flexItem._w768_1 {
    width: 99%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_2 {
    width: 49%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_3 {
    width: 32.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_4 {
    width: 24%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_5 {
    width: 19%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_6 {
    width: 15.66667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_7 {
    width: 13.28571%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_8 {
    width: 11.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_9 {
    width: 10.11111%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_10 {
    width: 9%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_11 {
    width: 8.09091%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768_12 {
    width: 7.33333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto; }
  .flexItem._w768-auto {
    width: inherit;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

@media screen {
  .flexItem_4 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }
  .flexItem_4:nth-child(1) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.05s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.05s; }
  .flexItem_4:nth-child(2) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.1s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.1s; }
  .flexItem_4:nth-child(3) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.15s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.15s; }
  .flexItem_4:nth-child(4) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.2s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.2s; }
  .flexItem_4:nth-child(5) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.25s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.25s; }
  .flexItem_4:nth-child(6) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.3s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.3s; }
  .flexItem_4:nth-child(7) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.35s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.35s; }
  .flexItem_4:nth-child(8) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.4s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.4s; }
  .flexItem_4:nth-child(9) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.45s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.45s; }
  .flexItem_4:nth-child(10) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.5s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s; }
  .flexItem_4:nth-child(11) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.55s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.55s; }
  .flexItem_4:nth-child(12) {
    animation-name: eventItem-ani;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
    animation-delay: 0.6s;
    -webkit-animation-name: eventItem-ani;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.6s; } }

@-webkit-keyframes eventItem-ani {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  80%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes eventItem-ani {
  0% {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }
  80%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.itemtitle, .iteminfobox {
  margin-bottom: 5em; }

.itemtitle, .iteminfotitle {
  font-size: 120%;
  color: #0067b8; }

.itemimgbox {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 55.989%; }
  .itemimgbox .itemimg {
    position: absolute; }

@media (max-width: 1000px) {
  .eventItem {
    width: 49%; } }

.itemdate {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  width: 100%; }

.pageBtn, .tagBtn {
  border-radius: 0; }

.pageBtn:focus {
  border: 1px dotted #333;
  border-radius: 0; }

.btn-link, a.btn-link {
  color: #0067b8;
  text-decoration: underline; }

a.btnBox, a.btnBox:link {
  background-color: #0067b8;
  color: #ffffff;
  border-radius: 0;
  padding: 0.5em 1em;
  text-decoration: none; }
  a.btnBox.fzXL, a.btnBox:link.fzXL {
    font-size: 150%; }
  a.btnBox:hover, a.btnBox:link:hover {
    background-color: #004a85; }

.mpnacc .accbtn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 1.125rem 2rem; }

.mpnacc .card {
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 0; }

.mpnacc .card-header {
  background-color: transparent;
  border-bottom-width: 0;
  padding: 0; }

.mpnacc .card-body {
  padding: 0;
  background-color: #f2f2f2; }

.mpnacc .form-group {
  margin-bottom: 0;
  padding: 1rem 1.25rem 1rem 2.5rem; }
  .mpnacc .form-group.check {
    background-color: #e6e6e6; }

.mpnacc .form-check-input[type='checkbox'] {
  opacity: 0; }
  .mpnacc .form-check-input[type='checkbox'] + .form-check-label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    border: 1px #ccc solid;
    background-color: #fff;
    position: absolute;
    left: 1.25rem;
    margin-top: 0.2em; }
  .mpnacc .form-check-input[type='checkbox'] + .form-check-label:after {
    font-family: "MWF-MDL2";
    content: '\E73E';
    font-size: 0.85em;
    position: absolute;
    left: 1.26rem;
    margin-top: 0.1em;
    margin-left: 0.1em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s; }

.mpnacc .form-check-input[type='checkbox']:checked + .form-check-label:after {
  opacity: 1; }

.mpnacc.accordion .arrowicon:after {
  position: absolute;
  right: 1.25rem; }

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  #regConfirm2 {
    background: rgba(0, 0, 0, 0.75);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); } }

.bgGray2, a.box-link.bgGray2, a.box-link.bgGray2:link {
  background-color: #e3e3e3; }

.bgcolor01, a.bgcolor01 {
  background-color: #00b294; }

.bgcolor02, a.bgcolor02 {
  background-color: #5c005c; }

.bgcolor03, a.bgcolor03 {
  background-color: #00bcf2; }

.bgcolor04, a.bgcolor04 {
  background-color: #ff8c00; }

.bgcolor05, a.bgcolor05 {
  background-color: #0078d7; }

.bgcolor06, a.bgcolor06 {
  background-color: #e3008c; }

.bgcolor07, a.bgcolor07 {
  background-color: #008272; }

.bgcolor08, a.bgcolor08 {
  background-color: #d83b01; }

.fw700 {
  font-weight: bold; }

.fz80 {
  font-size: 80%; }

.fz120 {
  font-size: 120%; }

.fz150 {
  font-size: 150%; }

.fz180 {
  font-size: 180%; }

.fz200 {
  font-size: 200%; }

.fz250 {
  font-size: 250%; }

h1.titleA1 {
  color: unset; }

.titleA1, h2.titleA1, h1.titleA1 {
  font-size: calc(1rem * 4.4444);
  /*font-weight:700;*/
  padding-top: 15px;
  margin-bottom: 15px; }

@media (max-width: 991px) {
  .titleA1, h2.titleA1, h1.titleA1 {
    font-size: 250%;
    padding-top: 0; } }

.ms-fulid-col._left {
  padding-left: calc(5% + 15px); }

.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden; }

.video-wrapper iframe,
.video-wrapper #container_videoEmbed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

._imgbg {
  position: relative; }
  ._imgbg:before, ._imgbg:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  ._imgbg:after {
    z-index: -2; }

.table, .alwaytable {
  display: table;
  width: 100%;
  height: 100%; }

.td, .alwaytd {
  display: table-cell;
  vertical-align: middle;
  height: 100%; }

.highlight .alwaytd {
  text-align: center;
  vertical-align: middle;
  line-height: 1.5em; }

/*.item{
    box-sizing: border-box;
    text-align: center;
}*/
.highlight, .highlight a {
  color: white;
  text-decoration: none; }

.defaulticon3 {
  vertical-align: text-bottom;
  padding-right: 10px; }

.tdstyle01 {
  width: 16em; }

._al-it-st {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

._flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.containerset {
  font-size: calc(14.9px + 0.22vw);
  line-height: calc(1.5em + 0.22vh); }

#contentlist:after {
  background-image: url(../images/layout/AppData_LImage_RContent_539x200.jpg);
  background-position: center center;
  background-size: cover; }

#contentlist .item {
  height: 15vh;
  min-height: 4em;
  -webkit-flex: 1 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%; }

#contentlist + #footerArea .c-uhff {
  margin-top: 0; }

@media screen and (max-width: 768px) {
  .highlight {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #contentlist .table, .contentlist .table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto; }
  #contentlist .td, .contentlist .td {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .tdstyle01 {
    width: auto; } }

ul.breadcrumb_nav {
  overflow: auto;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  scrollbar-color: #888 #f1f1f1;
  scrollbar-width: thin; }
  ul.breadcrumb_nav::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  ul.breadcrumb_nav::-webkit-scrollbar-track {
    background: #f1f1f1; }
  ul.breadcrumb_nav::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px; }
  ul.breadcrumb_nav::-webkit-scrollbar-thumb:hover {
    background: #555; }

ul.breadcrumb_nav li {
  display: inline-block;
  /*float: left;*/
  margin: 15px 0;
  padding: 0 10px 0 5px;
  list-style: none;
  /*background: url(../images/ver2020/layout/nav_icon.gif)no-repeat 0 3px;*/
  font-size: 15px; }

ul.breadcrumb_nav li a {
  font-size: 15px; }

ul.breadcrumb_nav li.home {
  background: none;
  padding-left: 0; }

ul.breadcrumb_nav li a {
  color: #333;
  text-decoration: none; }

ul.breadcrumb_nav li a:hover {
  color: #2d4e86; }

.highlight-list ._txt {
  font-size: 22px; }

.highlight-list._posStyle {
  position: relative;
  /*left:-70px;
        top:0;*/
  z-index: 6; }
  .highlight-list._posStyle ._icon {
    width: 60px; }
  .highlight-list._posStyle ._txt {
    display: none;
    position: absolute;
    font-size: 150%;
    left: 70px;
    white-space: nowrap;
    min-height: 60px; }
  .highlight-list._posStyle .highlight-item div {
    z-index: 2; }
  .highlight-list._posStyle .highlight-item:hover ._txt {
    display: block; }

.highlight-list .highlight-item, .highlight-list a.highlight-item, .highlight-list a.highlight-item:hover {
  color: #fff;
  text-decoration: none;
  position: relative; }

.highlight-list a.highlight-item:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  z-index: 0; }

.highlight-list a.highlight-item:hover:before {
  opacity: 0.2; }

@media (max-width: 767px) {
  .highlight-list._posStyle {
    display: none; } }

.videolist .videoItem, .videolist a.videoItem {
  text-decoration: none; }
  .videolist .videoItem:hover, .videolist a.videoItem:hover {
    background-color: #f2f2f2; }
  .videolist .videoItem._select, .videolist a.videoItem._select {
    pointer-events: none; }
    .videolist .videoItem._select:before, .videolist a.videoItem._select:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 3;
      background-color: rgba(255, 255, 255, 0.5); }
  .videolist .videoItem .imgbox, .videolist a.videoItem .imgbox {
    position: relative; }
    .videolist .videoItem .imgbox:before, .videolist a.videoItem .imgbox:before {
      content: '';
      display: block;
      width: 90px;
      height: 90px;
      background-image: url(../images/video/icon-play.svg);
      background-size: 100%;
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }

@media (max-width: 767px) {
  .videolist .videoItem .imgbox, .videolist a.videoItem .imgbox {
    position: relative; }
    .videolist .videoItem .imgbox:before, .videolist a.videoItem .imgbox:before {
      content: '';
      display: block;
      width: 30px;
      height: 30px; } }

.default-herobanner {
  position: relative; }
  .default-herobanner .owl-dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 2%; }
  .default-herobanner.owl-carousel .owl-nav {
    position: absolute;
    top: 45%;
    width: 98%;
    margin: auto;
    left: 0;
    right: 0; }
    .default-herobanner.owl-carousel .owl-nav button.owl-next, .default-herobanner.owl-carousel .owl-nav button.owl-prev {
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background-color: #2e2e2e;
      color: #ffffff;
      position: absolute; }
    .default-herobanner.owl-carousel .owl-nav button.owl-next {
      right: 0; }
  .default-herobanner.owl-carousel button.owl-dot {
    width: 15px;
    height: 15px;
    margin: 0 4px;
    position: relative; }
    .default-herobanner.owl-carousel button.owl-dot span {
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      border: 1px #ffffff solid;
      background-color: transparent;
      position: absolute;
      margin: auto;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0; }
  .default-herobanner.owl-carousel button.owl-dot:hover span {
    background-color: rgba(255, 255, 255, 0.6); }
  .default-herobanner.owl-carousel button.owl-dot.active span {
    background-color: #ffffff; }

.videolist, .newsyear-list {
  position: relative; }
  .videolist .owl-dots, .newsyear-list .owl-dots {
    text-align: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px; }
  .videolist.owl-carousel button.owl-dot, .newsyear-list.owl-carousel button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px rgba(255, 255, 255, 0.4) solid;
    background-color: #666666;
    margin: 0 4px; }
  .videolist.owl-carousel button.owl-dot:hover, .newsyear-list.owl-carousel button.owl-dot:hover {
    background-color: #0b93ff; }
  .videolist.owl-carousel button.owl-dot.active, .newsyear-list.owl-carousel button.owl-dot.active {
    background-color: #0078d7; }

.page_title {
  font-size: calc(1rem * 1.73333333);
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-weight: 700; }

.contenttext h3 {
  font-size: calc(1rem * 1.33333333); }

.contenttext h4 {
  font-size: calc(1rem * 1.122); }

.colorBlue01 {
  color: #2d4e86; }

.bannerStyle02 {
  position: relative; }
  .bannerStyle02 ._bgblack {
    background-color: rgba(0, 0, 0, 0.8); }
  .bannerStyle02:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    z-index: 1;
    height: 100%;
    left: 0;
    top: 0;
    /*background:radial-gradient(circle at center left,#000,rgba(255,255,255,0) 80%);*/
    /*background-image:url(../images/ver2020/layout/radial-gradient1.svg);
        background-color: rgba(0,0,0,0.2);
        background-size: 100% contain;
        background-repeat: no-repeat;
        background-position: left center;*/ }
  .bannerStyle02 .txtbox {
    position: absolute;
    z-index: 2;
    left: 5%;
    top: calc(50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff; }
    .bannerStyle02 .txtbox .paratxt {
      font-size: 180%; }

@media (max-width: 991px) {
  .bannerStyle02 ._md-clearbgcolor {
    background-color: transparent; }
  .bannerStyle02:after {
    display: none; }
  .bannerStyle02 .txtbox {
    position: relative;
    background-color: #333;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding-top: 15px; } }

.followzone {
  background-color: #595959;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px; }

.followzone .title {
  font-size: 23px;
  vertical-align: middle; }

.followzone .followbg {
  background-color: #505050;
  font-size: 0%;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  -webkit-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms;
  display: inline-block;
  vertical-align: middle; }

.followzone ._fb {
  background-color: #3a599a; }

.followzone ._twitter {
  background-color: #33ccff; }

.followzone ._linkedin {
  background-color: #1d87c1; }

.newsyear-list .item {
  margin: 10px 0; }

.newsyear-list .btn {
  border-radius: 0;
  border: 1px transparent solid; }

.newsyear-list .btn.focus, .newsyear-list .btn:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.newsyear-list .btn:hover {
  border-color: #0065B8; }

.newsyear-list .btn.disabled, .newsyear-list .btn:disabled {
  opacity: 1; }

.newsyear-list .btn.btn-secondary {
  background-color: #0065B8; }

.contenttext .c01 {
  color: #B75310; }

.contenttext a.linkStyle {
  color: #2d4e86;
  text-decoration: underline; }

.contenttext .fontColorZsdY2z8 {
  color: #0065B8; }

.js-animateItem {
  visibility: hidden; }

.js-animateItem.animated, .js-animateItem[data-animate="js--counterAmi"] {
  visibility: visible; }

.animated.delay-300ms {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms; }

.animated.delay-600ms {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms; }

.animated.delay-900ms {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms; }

.animated.delay-1200ms {
  -webkit-animation-delay: 1200ms;
  animation-delay: 1200ms; }

.animated.delay-1500ms {
  -webkit-animation-delay: 1500ms;
  animation-delay: 1500ms; }

.animated.delay-1800ms {
  -webkit-animation-delay: 1800ms;
  animation-delay: 1800ms; }

.navitem._pchide {
  display: none; }

@media (max-width: 767px) {
  .navitem._pchide {
    display: block; } }

.c-uhff {
  margin-top: 0; }

.popover {
  max-width: initial; }

#nav-spitem {
  display: none; }

/*bootstrap hack*/
a:link {
  text-decoration: underline; }

.btn-group.special {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .btn-group.special .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 0;
    border-color: #0078d7; }
    .btn-group.special .btn:hover, .btn-group.special .btn.disabled {
      background-color: #0078d7;
      opacity: 1; }

@media (max-width: 991px) {
  .btn-group.special {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .btn-group.special .btn {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      width: 100%;
      border-radius: 0; } }

@media (max-width: 991px) {
  .rwdtable, .rwdtable tbody, .rwdtable tr, .rwdtable td {
    display: block;
    width: 100%; }
  .rwdtable tr + tr {
    border-top: 38px #ffffff solid; }
  .rwdtable thead {
    display: none; }
  td.mobile-title:before {
    content: attr(data-title);
    font-weight: 700;
    display: block; } }

a.box-link, a.box-link:link {
  display: block;
  color: #000000;
  text-decoration: none; }
  a.box-link:hover, a.box-link:link:hover {
    text-decoration: none; }