@charset "utf-8";
/* a b c */
* {
  font-family: FontAwesome, 微軟正黑體, sans-serif;
}
.ENUS * {
  font-family: FontAwesome, 微軟正黑體, sans-serif;
}
.font-size-small {
  font-size: 1em;
}
.font-size-small [data-font-size="small"] {
  font-size: 1.5em;
}
.font-size-small [data-font-size="normal"] {
  font-size: 1.875em;
}
.font-size-small [data-font-size="large"] {
  font-size: 3em;
}
.font-size-normal {
  font-size: 1.25em;
}
.font-size-normal [data-font-size="small"] {
  font-size: 1.2em;
}
.font-size-normal [data-font-size="normal"] {
  font-size: 1.5em;
}
.font-size-normal [data-font-size="large"] {
  font-size: 2.4em;
}
.font-size-large {
  font-size: 2em;
}
.font-size-large [data-font-size="small"] {
  font-size: 0.75em;
}
.font-size-large [data-font-size="normal"] {
  font-size: 0.9375em;
}
.font-size-large [data-font-size="large"] {
  font-size: 1.5em;
}
[data-toggle="collapse"][aria-expanded="true"] .collapse-open-hidden {
  display: none;
}
[data-toggle="collapse"][aria-expanded="false"] .collapse-close-hidden {
  display: none;
}
.container {
  position: relative;
}
.skip_to_content:not(:focus) {
  position: fixed;
  top: -1000px;
}
#search {
  text-align: center;
  position: absolute;
  width: 100%;
  margin-top: -50px;
  height: 0;
  left: 0;
  padding-left: 250px;
  padding-right: 250px;
}
#search > div {
  display: table;
  width: 100%;
}
#search > div > div {
  display: table-cell;
}
#search input,
#search button {
  padding: 0.1em 0.3em;
  display: block;
  width: 100%;
  border: #a9a9a9 solid 1px;
  line-height: 1em;
  height: 1.7em;
  float: left;
}
#search button {
  background: #eee;
  border-left: none;
}
button#QRCode {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #787878;
  padding: 10px;
  position: relative;
  -webkit-transition: top .2s linear;
  transition: top .2s linear;
  top: 0;
}
button#QRCode:hover {
  top: -5px;
}
button#QRCode img {
  width: 20px;
}
button.share {
  padding: 0;
  border: 0;
  border-radius: 0;
  padding: 10px;
  position: relative;
  -webkit-transition: top .2s linear;
  transition: top .2s linear;
  top: 0;
  background: #787878;
}
button.share + .share {
  margin-left: 8px;
}
button.share:hover {
  top: -5px;
}
button.share img {
  width: 20px;
}
button.share#QRCode,
button.share.qr {
  background: #787878;
}
button.share#Whatsapp,
button.share.wa {
  background: #25d366;
}
button.share#Wechat,
button.share.wc {
  background: #4ec033;
}
button.share#Email,
button.share.em {
  background: #7d7d7d;
}
button.share#Twitter,
button.share.tw {
  background: #55acee;
}
button.share#Facebook,
button.share.fb {
  background: #4267b2;
}
.sharethis-inline-share-buttons {
  width: 100%;
  padding-right: 8px;
  z-index: 1!important;
}
.dropdown-menu.show {
  display: block;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [data-network="whatsapp"] {
    display: none!important;
  }
  .sharethis-inline-share-buttons {
    padding-right: 0px;
  }
}
.modal.fade.show {
  opacity: 1;
}
.modal.fade .modal-dialog {
  top: 15%;
  overflow: hidden;
}
#calendar_modal .modal-content {
  width: 100%;
}
.modal-backdrop.fade {
  background-color: #000;
  opacity: 0;
}
.modal-backdrop.fade.show {
  opacity: 0.5;
}
header .gsc-input-box {
  height: auto;
}
header input.gsc-search-button-v2 {
  margin-top: 1px;
  height: 2.6em;
  padding: 5px 2em;
  width: 5.8em;
}
header .gsc-control-cse {
  display: none;
  width: 40%;
  float: right;
  position: absolute;
  right: 180px;
  bottom: -100px;
}
header .navbar-spw {
  display: inline-block;
  float: right;
}
header .navbar-spw .navbar-nav .nav-item {
  margin-left: 5px !important;
}
header .navbar-spw .navbar-nav .nav-item a {
  border-bottom: 3px solid #e8e8e8;
  display: inline-block;
  line-height: 1rem;
  padding: 10px;
  vertical-align: middle;
}
header .navbar-spw .navbar-nav .nav-item a:hover {
  background-color: #e8e8e8;
}
header .navbar-spw .navbar-nav .nav-item a.active {
  background: #e8e8e8;
}
header #ha-logo {
  float: right;
  padding-top: 17px;
}
header #menu-items {
  position: relative;
}
header .menu {
  position: relative;
}
header .menu .menu-button {
  color: #ffffff;
  display: inline-block;
  font-size: 22em;
  font-size: 1.1rem;
  padding-left: 1px;
  padding-right: 1px;
  text-decoration: none;
  width: 100%;
}
header .menu .menu-button .menu-button-inside {
  border-top: 2px solid #ffffff;
  line-height: calc(150% + 20px);
  padding: 0px 15px;
  white-space: nowrap;
}
header .menu .menu-button .menu-button-inside .menu-icon {
  margin-right: 10px;
  position: relative;
}
header .menu .menu-button .menu-button-inside .menu-title {
  color: #ffffff;
  font-size: 22em;
  font-size: 1.1rem;
  position: relative;
}
header .menu .menu-button .menu-button-inside.blue {
  background-color: #3173a7;
}
header .menu .menu-button .menu-button-inside.orange {
  background-color: #e66625;
}
header .menu .menu-button .menu-button-inside.green {
  background-color: #7a9d1c;
}
header .menu .menu-button .menu-button-inside.purple {
  background-color: #8d68ab;
}
header .menu .menu-dropdown {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 100;
}
header .menu .menu-dropdown .menu-dropdown-items {
  margin: 0;
  padding: 0;
}
header .menu .menu-dropdown .menu-dropdown-items:after {
  clear: both;
  content: "";
  display: table;
}
header .menu .menu-dropdown .menu-dropdown-item {
  display: inline-block;
  padding-left: 30px;
  width: 100%;
}
header .menu .menu-dropdown .menu-dropdown-item:hover {
  background-color: #eeeeee;
}
header .menu .menu-dropdown .menu-dropdown-item li {
  color: #ffffff;
  list-style-type: square;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-decoration: none;
}
header .menu .menu-dropdown .menu-dropdown-item li > span {
  color: #ffffff;
  font-size: 16em;
  font-size: 0.8rem;
  line-height: 3;
  list-style: none;
  text-decoration: none;
}
header .menu .menu-dropdown .menu-dropdown-item ul {
  margin: 0;
  padding: 0;
}
header .menu .menu-dropdown.menu-disease {
  background-color: #3175a6;
}
header .menu .menu-dropdown.menu-disease .menu-dropdown-item:hover {
  background-color: #4097dc;
}
header .menu .menu-dropdown.menu-selfmanagement {
  background-color: #e36623;
}
header .menu .menu-dropdown.menu-selfmanagement .menu-dropdown-item:hover {
  background-color: #fc9d22;
}
header .menu .menu-dropdown.menu-socialresources {
  background-color: #809d1d;
}
header .menu .menu-dropdown.menu-socialresources .menu-dropdown-item:hover {
  background-color: #9abd28;
}
header .menu .menu-dropdown.menu-about {
  background-color: #8c67ac;
}
header .menu .menu-dropdown.menu-about .menu-dropdown-item:hover {
  background-color: #a57fc4;
}
header .menu .menu-img {
  width: 100%;
}
header .menu.focus .menu-dropdown {
  display: inline-block;
}
header .menu-btn {
  color: #6f3d9c;
  display: inline-block;
  float: right;
  font-size: 40em;
  font-size: 2rem;
  line-height: 1;
}
header .nav-menu-btn {
  display: block;
  float: right;
  height: 16.75px;
  margin: 15px 20px;
  position: relative;
  width: 27.5px;
}
header .nav-menu-btn .menu-item {
  background: #5b1f80;
  display: block;
  height: 2.75px;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  z-index: -1;
}
header .nav-menu-btn .menu-item.first {
  top: 0px;
}
header .nav-menu-btn .menu-item.second {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
header .nav-menu-btn .menu-item.third {
  bottom: 0px;
}
header .nav-menu-btn.open .menu-item.first {
  left: -1.375px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  width: calc(100% / 0.85090352453);
}
header .nav-menu-btn.open .menu-item.second {
  opacity: 0;
}
header .nav-menu-btn.open .menu-item.third {
  left: -1.375px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  width: calc(100% / 0.85090352453);
}
header #header-mobile-lang {
  display: inline-block;
}
header #top-bar .toggle-font-size.small-f {
  /*font-size: 8px;*/
}
header #top-bar .toggle-font-size.normal-f {
  /*font-size: 14px;*/
}
header #top-bar .toggle-font-size.big-f {
  /*font-size: 20px;*/
}
.ENUS header .menu .menu-button .menu-button-inside .menu-title {
  font-size: 18em;
  font-size: 0.9rem;
}
.ENUS .banner-title {
  font-size: 38em;
  font-size: 1.9rem;
}
.ENUS .right-side .sickness .btn {
  min-height: 4em;
}
.ENUS h1 {
  font-size: 35em;
  font-size: 1.75rem;
}
.ENUS .fastrackicon > ul > li.sect1 .sect-btn {
  background-image: url("../../static/images/en-US/sect1_icon.png");
}
.ENUS .fastrackicon > ul > li.sect1 .sect-btn:hover {
  background-image: url("../../static/images/en-US/sect1_icon_on.png");
}
.ENUS .fastrackicon > ul > li.sect2 .sect-btn {
  background-image: url("../../static/images/en-US/sect2_icon.png");
}
.ENUS .fastrackicon > ul > li.sect2 .sect-btn:hover {
  background-image: url("../../static/images/en-US/sect2_icon_on.png");
}
.ENUS .fastrackicon > ul > li.sect3 .sect-btn {
  background-image: url("../../static/images/en-US/sect3_icon.png");
}
.ENUS .fastrackicon > ul > li.sect3 .sect-btn:hover {
  background-image: url("../../static/images/en-US/sect3_icon_on.png");
}
.ENUS .fastrackicon > ul > li.sect4 .sect-btn {
  background-image: url("../../static/images/en-US/sect4_icon.png");
}
.ENUS .fastrackicon > ul > li.sect4 .sect-btn:hover {
  background-image: url("../../static/images/en-US/sect4_icon_on.png");
}
.MobileApps img {
  max-height: 75px;
  max-width: 150px;
}
#calendar_modal .modal-body {
  padding-left: 0;
  padding-right: 0;
}
#calendar_modal .modal-body .event-container .row {
  padding-bottom: 5px;
  padding-top: 5px;
}
#calendar_modal .modal-body .event-container .row:nth-child(even) {
  background-color: #ececec;
}
.banner {
  position: relative;
}
.banner .banner-image {
  margin: auto;
  max-width: 1600px;
  width: 100%;
}
.banner .banner-image img {
  width: 100%;
}
.banner .banner-ribbon {
  background-color: rgba(141, 104, 173, 0.9);
  color: #ffffff;
  font-size: 18em;
  font-size: 0.9rem;
  left: 0;
  position: absolute;
  /*transform: translateY(-100px);*/
  width: 100%;
  bottom: 20px;
  /*transform: translateY(0px);*/
}
.banner .banner-ribbon.blue {
  background-color: rgba(49, 115, 167, 0.9);
}
.banner .banner-ribbon.purple {
  background-color: rgba(141, 104, 171, 0.9);
}
.side-menu .side-menu-title {
  background-color: #999999;
  border-radius: 0 0 10px 10px;
  color: #ffffff;
  font-size: 32em;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: -10px;
  padding: 10px 15px 15px 15px;
  position: relative;
  text-align: center;
}
.side-menu .side-menu-title.orange {
  background-color: #6a4e80;
}
.side-menu .side-menu-list {
  border-right: 1px solid #e8e8e8;
  margin-top: 0;
  padding-right: 15px;
  width: 100%;
}
.side-menu .side-menu-list .btn-group {
  margin-top: -1px;
  width: 100%;
}
.side-menu .side-menu-list .btn-group .btn {
  border-radius: 0;
}
.side-menu .side-menu-list .btn-group-vertical {
  margin-top: -1px;
  width: 100%;
}
.side-menu .side-menu-list .btn-group-vertical .btn {
  border-radius: 0;
}
.side-menu .side-menu-list .btn {
  border-bottom: none;
  border-left: none;
  border-radius: 0;
  border-right: none;
  font-size: 18em;
  font-size: 0.9rem;
  padding-right: 2.5em;
  position: relative;
  text-align: left;
  white-space: normal;
}
.side-menu .side-menu-list .btn + .btn {
  border-top-color: #e8e8e8;
  border-top-color: #cfc2e1;
}
.side-menu .side-menu-list .btn span.btn-icon {
  background-color: #999999;
  border-radius: 999px;
  color: #ffffff;
  display: inline-block;
  height: 1em;
  position: absolute;
  right: 5px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1em;
}
.side-menu .side-menu-list .btn span.btn-icon i {
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.side-menu .side-menu-list .btn span.btn-icon i.fa-angle-right {
  left: 53%;
  top: 46%;
}
.side-menu .side-menu-list .btn span.btn-icon i.fa-angle-down {
  left: 51%;
  top: 50%;
}
.side-menu .side-menu-list .btn:hover {
  background-color: #6a4e80;
  color: #ffffff;
}
.side-menu .side-menu-list .btn:hover span.btn-icon {
  background-color: #ffffff;
}
.side-menu .side-menu-list .btn:hover span.btn-icon i {
  color: #6a4e80;
}
.side-menu .side-menu-list .btn.active {
  background-color: #6a4e80;
  color: #ffffff;
}
.side-menu .side-menu-list .btn.active span.btn-icon {
  background-color: #ffffff;
}
.side-menu .side-menu-list .btn.active span.btn-icon i {
  color: #638006;
}
.side-menu .side-menu-list.blue {
  border-right-color: #b6c3dc;
}
.side-menu .side-menu-list.blue .btn {
  border-top-color: #b6c3dc;
}
.side-menu .side-menu-list.blue .btn span.btn-icon {
  background-color: #b3d5f4;
}
.side-menu .side-menu-list.blue .btn span.btn-icon i {
  color: #ffffff;
}
.side-menu .side-menu-list.blue .btn:hover {
  background-color: #3173a7;
  color: #ffffff;
}
.side-menu .side-menu-list.blue .btn:hover span.btn-icon {
  background-color: #ffffff;
}
.side-menu .side-menu-list.blue .btn:hover span.btn-icon i {
  color: #3173a7;
}
.content-list {
  display: table;
  width: 100%;
}
.content-list .content-list-row {
  display: table;
  width: 100%;
}
.content-list .content-list-row.collapse {
  display: none;
}
.content-list .content-list-row.collapse.in,
.content-list .content-list-row.collapse.show {
  display: block;
}
.content-list .content-list-row.collapsing {
  display: block;
}
.content-list .content-list-row .content-list-col {
  display: table-cell;
  margin-left: 45px;
}
.content-list .content-list-row .content-list-col[data-toggle="collapse"] {
  cursor: pointer;
}
.content-list .content-list-row .content-box {
  border: 1px solid #4295e3;
  margin: 12px 0 12px 40px;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 10px;
}
.content-list .content-list-row .content-list-col.quest_bg.collapsed {
  background: #f2f2f2;
}
.content-list .content-list-row .content-list-col.quest_bg {
  background: #ffe7ce;
}
.content-list .content-list-col.collapsed .btn-icon {
  background: #808080;
  color: #ffffff;
}
.content-list .content-list-col .btn-icon {
  background: #e55625;
}
.main-body {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-top: 10px;
}
.main-body a {
  color: #373a3c;
  outline: 0;
  text-decoration: none;
}
.main-body a:focus {
  color: inherit;
  text-decoration: none;
}
.main-body a:hover {
  color: inherit;
  text-decoration: none;
}
.nav-menu-btn * {
  display: block;
  position: relative;
}
.row-bg {
  margin-top: 15px;
}
.row-bg img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.row-detail {
  font-size: 20em;
  font-size: 1rem;
}
.row-detail .title,
.row-detail .title2 {
  position: relative;
}
.row-detail .title .title-txt,
.row-detail .title2 .title-txt {
  background: #ffffff;
  color: #6a4e80;
  display: inline-block;
  font-size: 28em;
  font-size: 1.4rem;
  left: 50%;
  max-width: 80%;
  padding: 10px;
  position: relative;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.row-detail .title:before,
.row-detail .title2:before {
  background: #cfc2e1;
  content: '';
  height: 3px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
.row-detail .title2 {
  padding: 0 15px;
}
.row-detail .title2 .title-txt {
  font-size: 20em;
  font-size: 1rem;
}
.row-detail .title2:before {
  height: 1px;
}
.row-detail .title3 {
  margin: 10px 0px;
  font-size: 1.2em;
}
.row-detail .content {
  background-color: #f2f2f2;
  line-height: 1.75;
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
}
.row-detail .content .organzation {
  color: #638006;
  font-size: 20em;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: underline;
}
.row-detail .content .contact .sub-title {
  display: inline-block;
  float: left;
  font-weight: bold;
  width: 150px;
}
.row-detail .content .contact .email {
  text-decoration: underline;
}
.row-detail .content .detail-btns {
  bottom: 0;
  position: relative;
  right: 0;
}
.row-detail .content .detail-btns:after {
  clear: both;
  content: "";
  display: block;
  float: none;
  position: relative;
}
.row-detail .content .detail-btns .detail-btn {
  background-color: #81450d;
  color: #ffffff;
  float: right;
  font-size: 18em;
  font-size: 0.9rem;
  font-weight: bold;
  margin-left: 20px;
  min-width: 200px;
  padding: 5px 15px;
  position: relative;
  text-align: right;
}
.row-detail .content .detail-btn:hover {
  background-color: #638006;
}
.row-detail .content .detail-btn img {
  height: 30px;
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.row-detail .content.article .organzation {
  color: #ac4d1c;
}
.row-detail .content.article .content-list {
  width: 100%;
  display: block;
}
.row-detail .content.article .detail-btns .detail-btn {
  display: block;
  min-width: 1em;
  position: absolute;
  left: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 10px;
  top: 7px;
}
.row-detail .content.article .detail-btns .detail-btn:not(.collapsed) .fa-angle-down {
  display: none;
}
.row-detail .content.article .detail-btns .detail-btn.collapsed .fa-angle-up {
  display: none;
}
.row-detail .content.article .content-list-row.collapsing,
.row-detail .content.article .content-list-row.collapse:not(.show) {
  display: block;
  min-height: 114px;
}
.row-detail .content.article .content-list-row.collapsing .content-box,
.row-detail .content.article .content-list-row.collapse:not(.show) .content-box {
  min-height: 100px;
  overflow: hidden;
  border: 1px solid #f5c2a8;
}
.row-detail .content.article .content-list-row.collapse:not(.show) .content-box {
  max-height: 100px;
}
.row-detail .content.article .content-list-row .content-box {
  -webkit-transition: max-height 2s ease;
  transition: max-height 2s ease;
}
.row-detail ul {
  list-style-type: none;
}
.row-detail a.link {
  text-decoration: underline;
}
.row-detail .col-ul {
  margin-left: 20px;
  padding-left: 0;
}
.row-detail .col-ul > li:before {
  background-color: #6a4e80;
  content: "";
  display: block;
  height: 8px;
  margin-top: 5px;
  position: absolute;
  -webkit-transform: translate(-20px, 50%);
          transform: translate(-20px, 50%);
  width: 8px;
}
.row-detail .row-ul {
  padding-left: 0px;
  display: table;
  width: 100%;
}
.row-detail .row-col {
  display: table-row;
  margin-bottom: 3px;
  width: 100%;
}
.row-detail .row-col:after {
  clear: both;
  content: "";
  display: block;
  float: none;
  position: relative;
}
.row-detail .row-col .left-col {
  background-color: #a47dca;
  color: #ffffff;
  display: table-cell;
  padding: 5px 15px;
  width: auto;
  border-bottom: #fff solid 2px;
}
.row-detail .row-col .right-col {
  background-color: #f2f2f2;
  display: table-cell;
  padding: 5px 15px;
  border-bottom: #fff solid 2px;
}
.row-detail .row-content,
.row-detail p {
  margin: 15px 0;
}
.row-detail .DiseaseBodyPartFilter .DiseaseBodyPartFilterSub {
  padding: 0.3em;
  float: left;
}
.row-detail .DiseaseBodyPartFilter .content .content-list-row.collapsing,
.row-detail .DiseaseBodyPartFilter .content .content-list-row.collapse:not(.show) {
  display: block;
  min-height: 4em;
}
.row-detail .DiseaseBodyPartFilter .content .content-list-row.collapsing .content-box,
.row-detail .DiseaseBodyPartFilter .content .content-list-row.collapse:not(.show) .content-box {
  min-height: 3em;
  overflow: hidden;
  border: 1px solid #b3d5f4;
}
.row-detail .DiseaseBodyPartFilter .content .content-list-row.collapse:not(.show) .content-box {
  max-height: 4em;
}
.row-detail .DiseaseBodyPartFilter .content .content-list-row .content-box {
  -webkit-transition: max-height 2s ease;
  transition: max-height 2s ease;
}
.row-detail .DiseaseBodyPartFilter .content .detail-btns .detail-btn {
  background-color: #3173a7;
}
.row-detail .DiseaseBodyPartFilter .content .detail-btn:hover {
  background-color: #027db6;
}
.row-lists {
  font-size: 18em;
  font-size: 0.9rem;
}
.row-lists .list-item {
  display: inline-block;
  background-color: #f2f2f2;
  padding: 10px 15px;
  margin-bottom: 1px;
  position: relative;
  width: 100%;
}
.row-lists .list-item:hover {
  background-color: #e8e8e8;
}
.row-lists .list-item .info-links {
  /* position: absolute;
			right: 25px;
			top: 50%;
			transform: translateY(-50%); */
  float: right;
}
.row-lists .list-item .info-links .info-link {
  color: #e56625;
  display: inline-block;
  text-decoration: underline;
}
.row-lists .list-item .info-links .info-link:hover {
  color: #ac4d1c;
}
.row-lists .list-item .info-links .break {
  display: inline-block;
}
.theme-default .nivo-controlNav.container {
  width: auto;
  left: auto;
  padding: 0;
  margin: 20px 0px;
  right: 0;
}
#footer-top {
  background: #126b94;
  background-image: url(../../static/images/bg_footer_l.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  font-size: 14em;
  font-size: 0.7rem;
  line-height: 24px;
  /*max-height: 250px;*/
  padding: 0 0 20px 0;
}
#footer-top .container a {
  color: #ffffff;
  display: block;
  line-height: 2;
}
#footer-top-mobile .container a {
  color: #ffffff;
  display: block;
  line-height: 2;
}
#footer-top_2 {
  background: #126b94;
  background-size: contain;
  color: #ffffff;
  font-size: 14em;
  font-size: 0.7rem;
  line-height: 24px;
  margin-bottom: 20px;
  max-height: 250px;
  padding: 0 0 20px 0;
}
.footer_title {
  background: #027db6;
  font-size: 18em;
  font-size: 0.9rem;
  margin-bottom: 10px;
  padding: 15px 0 24px 0px;
}
.footer_title .footer_title {
  margin-bottom: 0px;
  padding: 0px 0 0px 0px;
}
.footer_title .footer-row {
  padding-left: 15px;
}
.footer-container {
  padding: 0;
}
.footer-container .footer-item {
  padding-bottom: 20px;
}
#footer-bottom {
  font-size: 16em;
  font-size: 0.8rem;
  height: 91px;
  margin-top: 40px;
}
#footer-bottom .bottom_icon {
  background-image: url("../../static/images/footer-logo.gif");
  background-position: right center;
  background-repeat: no-repeat;
  height: 91px;
  padding-right: 200px;
  padding-top: 33px;
  text-align: right;
}
#footer-bottom .copy_right {
  height: 91px;
  padding-top: 33px;
  text-align: left;
}
#footer-bottom .update_time {
  height: 91px;
  padding-top: 33px;
  text-align: right;
}
#top-bar a {
  color: #333333;
  text-decoration: none;
}
.content-list-row {
  /*cursor: pointer;*/
  padding: 2px 0;
}
.quest_bg {
  background: #f2f2f2;
  padding-left: 20px;
  padding-right: 1.5em;
  position: relative;
  width: 100%;
}
.quest_bg span.btn-icon {
  background-color: #999999;
  border-radius: 999px;
  display: inline-block;
  height: 1em;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1em;
}
.quest_bg span.btn-icon i {
  color: #ffffff;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.quest_bg span.btn-icon i.fa-angle-right {
  left: 53%;
  top: 46%;
}
.quest_bg span.btn-icon i.fa-angle-down {
  left: 51%;
  top: 50%;
}
.content-list-col.quest_bg i.fa-angle-right {
  display: block;
  display: none;
}
.content-list-col.quest_bg i.fa-angle-down {
  display: none;
  display: block;
}
.content-list-col.quest_bg.collapsed i.fa-angle-down {
  display: block;
  display: none;
}
.content-list-col.quest_bg.collapsed i.fa-angle-right {
  display: none;
  display: block;
}
.banner-title {
  font-size: 48em;
  font-size: 2.4rem;
}
.banner-breadcrumb {
  color: #ffffff;
  line-height: 100%;
  line-height: 400%;
  position: relative;
  top: 0.5em;
}
.banner-breadcrumb a {
  color: #ffffff;
}
.font-size-large .banner-breadcrumb {
  line-height: 200%;
}
.banner-breadcrumb-mobile {
  line-height: 100%;
  position: relative;
  top: 0.5em;
}
.head-s {
  background: #a47dca;
  color: #ffffff;
  font-size: 24em;
  font-size: 1.2rem;
  line-height: 2;
  margin-bottom: 20px;
  text-align: center;
}
.head-s a {
  color: #fff;
}
.head-s a:hover {
  text-decoration: underline;
}
.sickness {
  border-bottom: 1px solid #79a100;
  display: block;
  position: relative;
}
.sickness .btn {
  border: 2px solid transparent;
  display: block;
  padding-right: 2em;
  position: relative;
  text-align: left;
  white-space: normal;
}
.sickness .btn .btn-icon {
  top: 0.8em;
  -webkit-transform: none;
          transform: none;
}
.sickness .btn:hover {
  border: 2px solid #79a100;
  color: #79a100;
  display: block;
  font-weight: normal;
  font-weight: bold;
  position: relative;
}
.sickness .btn:hover .btn-icon {
  background-color: #79a100;
}
.btn-icon {
  background-color: #b3d5f4;
  border-radius: 999px;
  color: #ffffff;
  float: right;
  height: 1em;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1em;
}
.inside.container {
  font-size: 18em;
  font-size: 0.9rem;
  margin-bottom: 15px;
}
.sm-txt {
  display: inline-block;
  float: left;
  font-size: 80%;
}
.row-title {
  margin-bottom: 20px;
  margin-top: 20px;
}
.back-to-top {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding-right: 0.5em;
  position: relative;
}
.back-to-top .btn-icon {
  float: left;
  right: -10px;
}
.back-to-top .btn-icon i.fa.fa-angle-up {
  left: 0.15em;
  position: absolute;
  top: -0.05em;
}
.back-to-top .bttxt {
  line-height: 1em;
  padding: 0 10px;
}
.right-side {
  margin-bottom: 30px;
}
.right-side .sickness {
  border-bottom: 1px solid #b3d5f4;
}
.right-side .sickness .btn:hover {
  border: 2px solid #4295e3;
  color: #4295e3;
}
.introduction {
  margin-bottom: 20px;
}
.clear {
  clear: both;
}
h1 {
  color: #6a4e80;
  font-size: 45em;
  font-size: 2.25rem;
}
.question_number {
  padding: 5px 15px;
  text-align: center;
  width: 2.1em;
}
.question_number.orange {
  background-color: #e56625;
  color: #ffffff;
}
.back-to-top.orange .btn-icon {
  background-color: #e55625;
}
.orange .head-s {
  background-color: #e56625;
}
.orange .cal-btn .cal-btn-icon {
  background-color: #e66724;
}
.orange .t-header {
  color: #e66724;
}
.orange hr {
  background: #e66724;
}
.right-side.orange .sickness {
  border-bottom: 1px solid #f7c6a5;
}
.right-side.orange .sickness .btn:hover {
  border: 2px solid #e55625;
  color: #e55625;
}
.right-side.orange .sickness .btn:hover .btn-icon {
  background-color: #e55625;
}
.main-banner {
  margin: auto;
  max-width: 100%;
  position: relative;
  width: 1453px;
  z-index: 0;
}
.main-banner .slider-wrapper {
  position: relative;
}
.main-banner .slider-desktop {
  display: block;
}
.main-banner .slider-mobile {
  display: none;
}
.fastrackicon {
  margin-top: -50px;
  z-index: 20;
}
.fastrackicon > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.fastrackicon > ul > li {
  text-align: center;
}
.fastrackicon > ul > li .sect-btn {
  background-repeat: no-repeat;
  background-size: contain;
  height: 126px;
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 127px;
}
.ZHCN .fastrackicon > ul > li.sect1 .sect-btn {
  background-image: url("../../static/images/zh-CN/sect1_icon.png");
}
.ZHCN .fastrackicon > ul > li.sect1 .sect-btn:hover {
  background-image: url("../../static/images/zh-CN/sect1_icon_on.png");
}
.ZHCN .fastrackicon > ul > li.sect2 .sect-btn {
  background-image: url("../../static/images/zh-CN/sect2_icon.png");
}
.ZHCN .fastrackicon > ul > li.sect2 .sect-btn:hover {
  background-image: url("../../static/images/zh-CN/sect2_icon_on.png");
}
.ZHCN .fastrackicon > ul > li.sect3 .sect-btn {
  background-image: url("../../static/images/zh-CN/sect3_icon.png");
}
.ZHCN .fastrackicon > ul > li.sect3 .sect-btn:hover {
  background-image: url("../../static/images/zh-CN/sect3_icon_on.png");
}
.ZHCN .fastrackicon > ul > li.sect4 .sect-btn {
  background-image: url("../../static/images/zh-CN/sect4_icon.png");
}
.ZHCN .fastrackicon > ul > li.sect4 .sect-btn:hover {
  background-image: url("../../static/images/zh-CN/sect4_icon_on.png");
}
.ZHHK .fastrackicon > ul > li.sect1 .sect-btn {
  background-image: url("../../static/images/zh-HK/sect1_icon.png");
}
.ZHHK .fastrackicon > ul > li.sect1 .sect-btn:hover {
  background-image: url("../../static/images/zh-HK/sect1_icon_on.png");
}
.ZHHK .fastrackicon > ul > li.sect2 .sect-btn {
  background-image: url("../../static/images/zh-HK/sect2_icon.png");
}
.ZHHK .fastrackicon > ul > li.sect2 .sect-btn:hover {
  background-image: url("../../static/images/zh-HK/sect2_icon_on.png");
}
.ZHHK .fastrackicon > ul > li.sect3 .sect-btn {
  background-image: url("../../static/images/zh-HK/sect3_icon.png");
}
.ZHHK .fastrackicon > ul > li.sect3 .sect-btn:hover {
  background-image: url("../../static/images/zh-HK/sect3_icon_on.png");
}
.ZHHK .fastrackicon > ul > li.sect4 .sect-btn {
  background-image: url("../../static/images/zh-HK/sect4_icon.png");
}
.ZHHK .fastrackicon > ul > li.sect4 .sect-btn:hover {
  background-image: url("../../static/images/zh-HK/sect4_icon_on.png");
}
.main-container {
  margin-bottom: 25px;
  margin-top: 25px;
  position: relative;
}
.main-container .t-header {
  display: inline-block;
  font-size: 32em;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
.main-container .cal-btn {
  float: right;
  padding: 0.5em 0;
  width: 70px;
}
.main-container .cal-btn .cal-btn-icon {
  border-radius: 999px;
  color: #ffffff;
  display: inline-block;
  font-size: 26em;
  font-size: 1.3em;
  height: 1em;
  text-align: center;
  width: 1em;
}
.main-container hr {
  border: 0;
  height: 4px;
}
.purple .t-header {
  color: #6f3d9c;
}
.purple .cal-btn .cal-btn-icon {
  background-color: #6f3d9c;
}
hr.brown {
  background: #a95203;
}
.green .cal-btn .cal-btn-icon {
  background-color: #7e9d1c;
}
.green .t-header {
  color: #7e9d1c;
}
.green hr {
  background: #7e9d1c;
}
.cal-btn .cal-btn-icon.off {
  background: #c6c7c6;
}
#calendar {
  border: 3px solid #c4b3d5;
  display: block;
  padding: 25px 15px 0px 15px;
  position: relative;
}
#calendar .date-y-m {
  background: #a95203;
  color: #ffffff;
  font-size: 28em;
  font-size: 1.4rem;
  padding: 0 15px;
  position: relative;
}
#calendar .date-y-m .btn-icon {
  background-color: #ffffff;
  color: #a95203;
  cursor: pointer;
  display: inline-block;
  font-size: 12em;
  font-size: 0.6em;
  font-weight: bold;
  position: absolute;
  top: 50%;
}
#calendar .date-y-m .btn-icon.disable {
  background-color: #bdbdbd;
  color: #96908b;
  cursor: auto;
}
#calendar .date-y-m .btn-icon.calendar-back {
  right: 3em;
}
#calendar .date-y-m .btn-icon.calendar-next {
  right: 1em;
}
#calendar table.date {
  border-bottom: 3px solid #a95203;
  width: 100%;
}
#calendar table.date th {
  padding: 0 5px;
  text-align: center;
}
#calendar table.date td {
  border: 4px solid #ffffff;
  height: 60px;
  padding: 10px 5px;
  vertical-align: top;
}
#calendar table.date td.normal {
  background: #e4f7fd;
}
#calendar table.date td.event {
  background: #fff3e5;
}
#calendar table.date td.event:after {
  background: #a95203;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  padding-left: 1.5px;
  position: absolute;
  width: 8px;
}
#calendar .cal-content {
  font-size: 18em;
  font-size: 0.9rem;
}
#calendar .news-ul > li:before {
  background: #8465ad;
}
#calendar .fc-unthemed .fc-content {
  border: 0;
}
#calendar .fc-unthemed .fc-divider {
  border: 0;
}
#calendar .fc-unthemed .fc-list-heading td {
  border: 0;
}
#calendar .fc-unthemed .fc-list-view {
  border: 0;
  font-size: 20em;
  font-size: 1rem;
}
#calendar .fc-unthemed .fc-popover {
  border: 0;
}
#calendar .fc-unthemed .fc-row {
  border: 0;
}
#calendar .fc-unthemed tbody {
  border: 0;
}
#calendar .fc-unthemed td {
  border: 0;
}
#calendar .fc-unthemed th {
  border: 0;
}
#calendar .fc-unthemed thead {
  border: 0;
}
#calendar #basic-calendar .fc-basic-view .fc-body .fc-row {
  min-height: 3.3em;
}
#calendar #basic-calendar .date-y-m {
  background: #a95203;
  color: #ffffff;
  font-size: 28em;
  font-size: 1.4rem;
  padding: 0 15px;
}
#calendar #basic-calendar .fc-view table {
  border-bottom: none;
  border-collapse: separate;
  border-spacing: 5px 2px;
  width: 100%;
}
#calendar #basic-calendar .fc-view table th {
  border: 0;
  padding: 0;
  text-align: center;
}
#calendar #basic-calendar .fc-view table .fc-day {
  background: #e4f7fd;
  border: none;
  height: 60px;
  padding: 0;
  vertical-align: top;
}
#calendar #basic-calendar .fc-view table .fc-day-top {
  padding-top: 5px;
  text-align: left;
}
#calendar #basic-calendar .fc-view table .fc-day-top span {
  float: left;
}
#calendar #basic-calendar .fc-view table .fc-day.fc-other-month {
  background: #ffffff;
}
#calendar #basic-calendar .fc-view table .fc-day-top.fc-other-month {
  background: #ffffff;
}
#calendar #basic-calendar .fc-view table .fc-has-event {
  cursor: pointer;
}
#calendar #basic-calendar .fc-view table .fc-content-skeleton {
  padding-bottom: 0px;
}
#calendar #basic-calendar .fc-view table .fc-content-skeleton tbody {
  display: none;
}
#calendar #basic-calendar .fc-view table .fc-content-skeleton .fc-day-number {
  padding: 0;
  padding-left: 5px;
  padding-top: 5px;
}
#calendar #basic-calendar .fc-view table .fc-content-skeleton table {
  border-spacing: 0px;
}
#calendar #basic-calendar .fc-view table .fc-day.fc-has-event {
  background: #fff3e5;
  position: relative;
}
#calendar #basic-calendar .fc-view table .fc-day.fc-has-event:after {
  background: #a95203;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 5px;
  padding-left: 1.5px;
  position: absolute;
  top: 2em;
  width: 8px;
}
#calendar #basic-calendar .fc-view table .fc-day.fc-today {
  background: #bff894;
}
#calendar #basic-calendar .fc-view table .fc-event-container {
  display: none;
}
#calendar #basic-calendar .cal-content {
  font-size: 18em;
  font-size: 0.9rem;
}
#calendar #basic-calendar .news-ul > li:before {
  background: #8465ad;
}
#calendar #list-calendar {
  font-size: 0.8em;
  margin-bottom: 40px;
}
#calendar #list-calendar .fc-list-item-time {
  display: none;
}
#calendar #list-calendar .fc-list-heading-alt {
  display: none;
}
#calendar #list-calendar .fc-event-dot {
  border-radius: 0;
  height: 0.4em;
  margin-top: 0.5em;
  width: 0.4em;
}
#calendar #list-calendar .fc-widget-header {
  background: none;
  font-size: 1.2em;
  font-weight: normal;
  padding: 0;
}
#calendar #list-calendar .fc-list-table td {
  padding-bottom: 0;
  padding-top: 0;
}
#calendar #list-calendar .fc-list-table td.fc-list-item-marker {
  padding-left: 5px;
}
#calendar #list-calendar .fc-scroller {
  min-height: 50vh;
}
.marquee {
  min-height: 10.7em;
  overflow: hidden;
  width: 100%;
}
.ver {
  height: 30px;
  width: 100%;
}
.news-ul {
  padding: 0 0 20px 20px;
  position: relative;
  margin-bottom: 2rem;
}
.news-ul > li {
  position: relative;
  list-style-type: none;
}
.news-ul > li:before {
  content: "";
  display: inline-block;
  height: 6px;
  margin-left: -15px;
  margin-right: 10px;
  position: absolute;
  top: 0.6em;
  width: 6px;
}
.news-ul > li a {
  color: #373a3c;
}
.recomnew .news-v1 {
  background: #e4f7fd;
  padding: 20px 15px 0px 15px;
}
.recomnew .news-v1 ul > li:before {
  background: #7e9d1c;
}
.recomnew .news-v2 {
  padding: 20px 15px 0px 15px;
}
.recomnew .news-v2 ul > li:before {
  background: #e66724;
}
.activities {
  padding-top: 48px;
}
.activities-link img {
  width: 100%;
}
#section-01 .banner .banner-ribbon {
  background-color: rgba(49, 115, 167, 0.9);
  color: #ffffff;
}
#section-01 .side-menu .side-menu-title {
  background-color: #4295e3;
  border-radius: 0 0 10px 10px;
  color: #ffffff;
  font-size: 32em;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-top: -10px;
  position: relative;
  text-align: center;
}
#section-01 .side-menu .side-menu-title.orange {
  background-color: #e56625;
}
#section-01 .side-menu .side-menu-list {
  border-color: #b6c3dc;
  border-right: 1px solid #b6c3dc;
  margin-top: 0;
  padding-right: 15px;
  width: 100%;
}
#section-01 .side-menu .side-menu-list .btn + .btn {
  border-top-color: #b6c3dc;
}
#section-01 .side-menu .side-menu-list .btn span.btn-icon {
  background-color: #b3d5f4;
  color: #ffffff;
}
#section-01 .side-menu .side-menu-list .btn:hover {
  background-color: #3173a7;
  color: #ffffff;
}
#section-01 .side-menu .side-menu-list .btn:hover span.btn-icon {
  background-color: #ffffff;
}
#section-01 .side-menu .side-menu-list .btn:hover span.btn-icon i {
  color: #3173a7;
}
#section-01 .side-menu .side-menu-list .btn.active {
  background-color: #3173a7;
  color: #ffffff;
}
#section-01 .side-menu .side-menu-list .btn.active span.btn-icon {
  background-color: #ffffff;
}
#section-01 .side-menu .side-menu-list .btn.active span.btn-icon i {
  color: #3173a7;
}
#section-01 h1 {
  color: #3173a7;
  font-size: 45em;
  font-size: 2.25rem;
}
#section-01 .head-s {
  background: #4295e3;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
}
#section-01 .question_number.orange {
  background-color: #e56625;
  color: #ffffff;
}
#section-01 .back-to-top.orange .btn-icon {
  background-color: #e55625;
}
#section-01 .orange .head-s {
  background-color: #e56625;
}
#section-01 .right-side .sickness {
  border-bottom: 1px solid #c4b1d7;
}
#section-01 .right-side .sickness .btn:hover {
  border: 2px solid #4295e3;
  color: #4295e3;
}
#section-01 .right-side .sickness .btn.hover {
  border: 2px solid #4295e3;
  color: #4295e3;
}
#section-01 .right-side.orange .sickness {
  border-bottom: 1px solid #f7c6a5;
}
#section-01 .right-side.orange .sickness .btn:hover {
  border: 2px solid #e55625;
  color: #e55625;
}
#section-01 .right-side.orange .sickness .btn:hover .btn-icon {
  background-color: #e55625;
}
#section-01 .purple .head-s {
  background-color: #a47dca;
}
#section-01 .purple .cal-btn .cal-btn-icon {
  background-color: #e66724;
}
#section-01 .purple .t-header {
  color: #e66724;
}
#section-01 .purple hr {
  background: #e66724;
}
#section-01 .right-side.purple .sickness {
  border-bottom: 1px solid #6a4e80;
}
#section-01 .right-side.purple .sickness .btn .btn-icon {
  background-color: #a47dca;
}
#section-01 .right-side.purple .sickness .btn:hover {
  border: 2px solid #a47dca;
  color: #e55625;
}
#section-01 .right-side.purple .sickness .btn:hover .btn-icon {
  background-color: #6a4e80;
}
#section-01 .btn-icon {
  background-color: #b3d5f4;
}
#section-01 .content-list .content-list-col.collapsed .btn-icon {
  background: #808080;
  color: #ffffff;
}
#section-01 .content-list .content-list-col .btn-icon {
  background: #3173a7;
}
#section-01 .content-list .content-list-col.quest_bg.collapsed {
  background: #f2f2f2;
}
#section-01 .content-list .content-list-col.quest_bg {
  background: #d5ebff;
}
#section-01 .row-detail .title:before,
#section-01 .row-detail .title2:before {
  background: #d5ebff;
}
#section-01 .row-detail .title .title-txt,
#section-01 .row-detail .title2 .title-txt {
  background: #fff;
}
#section-01 .row-detail .title-txt {
  color: #3173a7;
}
#section-01 .row-detail .row-col .left-col {
  background-color: #e56625;
  color: #ffffff;
}
#section-01 .row-detail .row-col .right-col {
  background-color: #f2f2f2;
}
#section-01 .row-detail .col-ul {
  margin-left: 20px;
  padding-left: 0;
}
#section-01 .row-detail .col-ul > li:before {
  background-color: #3173a7;
}
#section-01 .row-detail ul {
  list-style-type: none;
}
#section-01 .row-detail .row-ul {
  padding-left: 0px;
}
#section-01 .row-detail a.link {
  text-decoration: underline;
}
#section-01 .inside.container {
  font-size: 18em;
  font-size: 0.9rem;
}
#section-01 .question_number {
  background: #4295e3;
  color: #ffffff;
  padding: 5px 15px;
}
#section-02 .banner .banner-ribbon {
  background-color: rgba(229, 102, 37, 0.9);
  color: #ffffff;
}
#section-02 .side-menu .side-menu-title {
  background-color: #e56625;
  border-radius: 0 0 10px 10px;
  color: #ffffff;
  font-size: 32em;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: -10px;
  position: relative;
  text-align: left;
}
#section-02 .side-menu .side-menu-list {
  border-color: #f5c2a8;
  border-right: 1px solid #f5c2a8;
  margin-top: 0;
  padding-right: 15px;
  width: 100%;
}
#section-02 .side-menu .side-menu-list .btn + .btn {
  border-top-color: #f5c2a8;
}
#section-02 .side-menu .side-menu-list .btn span.btn-icon {
  background-color: #f5c2a8;
  color: #ffffff;
}
#section-02 .side-menu .side-menu-list .btn:hover {
  background-color: #ac4d1c;
  color: #ffffff;
}
#section-02 .side-menu .side-menu-list .btn:hover span.btn-icon {
  background-color: #ffffff;
}
#section-02 .side-menu .side-menu-list .btn:hover span.btn-icon i {
  color: #e56625;
}
#section-02 .side-menu .side-menu-list .btn.active {
  background-color: #ac4d1c;
  color: #ffffff;
}
#section-02 .side-menu .side-menu-list .btn.active span.btn-icon {
  background-color: #ffffff;
}
#section-02 .side-menu .side-menu-list .btn.active span.btn-icon i {
  color: #e56625;
}
#section-02 h1 {
  color: #ac4d1c;
  font-size: 45em;
  font-size: 2.25rem;
}
#section-02 .head-s {
  background: #e56625;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
}
#section-02 .question_number {
  background: #e56625;
  color: #ffffff;
}
#section-02 .row-detail .title:before,
#section-02 .row-detail .title2:before {
  background: #e56625;
}
#section-02 .row-detail .title .title-txt,
#section-02 .row-detail .title2 .title-txt {
  background: #fff;
}
#section-02 .row-detail .title-txt {
  color: #ac4d1c;
}
#section-02 .row-detail .row-col .left-col {
  background-color: #e56625;
  color: #ffffff;
}
#section-02 .row-detail .row-col .right-col {
  background-color: #f2f2f2;
}
#section-02 .row-detail .col-ul {
  margin-left: 20px;
  padding-left: 0;
}
#section-02 .row-detail .col-ul > li:before {
  background-color: #e55625;
}
#section-02 .row-detail ul {
  list-style-type: none;
}
#section-02 .row-detail .row-ul {
  padding-left: 0px;
}
#section-02 .row-detail a.link {
  text-decoration: underline;
}
#section-02 .main-body .row-lists .list-item .btn span.btn-icon {
  background-color: #808080;
}
#section-02 .main-body .row-lists .list-item .btn i.fa-angle-down {
  display: none;
}
#section-02 .main-body .row-lists .list-item.active .btn span.btn-icon {
  background-color: #e56625;
}
#section-02 .main-body .row-lists .list-item.active .btn i.fa-angle-right {
  display: none;
}
#section-02 .sickness {
  border-color: #e56625;
  display: block;
  position: relative;
}
#section-02 .sickness.active a {
  color: #e56625;
}
#section-02 .sickness .btn {
  border: 2px solid transparent;
}
#section-02 .sickness .btn .btn-icon {
  background-color: #f5c2a8;
}
#section-02 .sickness .btn:hover {
  border-color: #e56625;
  color: #e56625;
}
#section-02 .sickness .btn:hover .btn-icon {
  background-color: #e56625;
}
#section-03 .banner .banner-ribbon {
  background-color: rgba(99, 128, 6, 0.9);
  color: #ffffff;
}
#section-03 .side-menu .side-menu-title {
  background-color: #638006;
  border-radius: 0 0 10px 10px;
  color: #ffffff;
  font-size: 32em;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-top: -10px;
  position: relative;
  text-align: center;
}
#section-03 .side-menu .side-menu-title.orange {
  background-color: #638006;
}
#section-03 .side-menu .side-menu-list {
  border-color: #b2c476;
  border-right: 1px solid #b2c476;
  margin-top: 0;
  padding-right: 15px;
  width: 100%;
}
#section-03 .side-menu .side-menu-list .btn + .btn {
  border-top-color: #b2c476;
}
#section-03 .side-menu .side-menu-list .btn span.btn-icon {
  background-color: #b2c476;
  color: #ffffff;
}
#section-03 .side-menu .side-menu-list .btn:hover {
  background-color: #638006;
  color: #ffffff;
}
#section-03 .side-menu .side-menu-list .btn:hover span.btn-icon {
  background-color: #ffffff;
}
#section-03 .side-menu .side-menu-list .btn:hover span.btn-icon i {
  color: #638006;
}
#section-03 .side-menu .side-menu-list .btn.active {
  background-color: #638006;
  color: #ffffff;
}
#section-03 .side-menu .side-menu-list .btn.active span.btn-icon {
  background-color: #ffffff;
}
#section-03 .side-menu .side-menu-list .btn.active span.btn-icon i {
  color: #638006;
}
#section-03 h1 {
  color: #638006;
  font-size: 45em;
  font-size: 2.25rem;
}
#section-03 .head-s {
  background: #79a100;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
}
#section-03 .sickness {
  border-bottom: 1px solid #79a100;
}
#section-03 .sickness .btn:hover {
  border: 2px solid #79a100;
  color: #79a100;
}
#section-03 .sickness .btn:hover .btn-icon {
  background-color: #79a100;
}
#section-03 .btn-icon {
  background-color: #b3d5f4;
}
#section-03 .question_number {
  background: #79a100;
  color: #ffffff;
}
#section-03 .row-detail .title:before,
#section-03 .row-detail .title2:before {
  background: #638006;
}
#section-03 .row-detail .title .title-txt,
#section-03 .row-detail .title2 .title-txt {
  background: #fff;
}
#section-03 .row-detail .title-txt {
  color: #638006;
}
#section-03 .row-detail .content {
  background-color: #f2f2f2;
  line-height: 1.75;
  margin-bottom: 10px;
  padding: 20px;
}
#section-03 .row-detail .content .organzation {
  color: #638006;
  font-size: 20em;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: underline;
}
#section-03 .row-detail .content .detail-btns {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
#section-03 .row-detail .content .detail-btns .detail-btn {
  background-color: #81450d;
  color: #ffffff;
  float: right;
  font-size: 18em;
  font-size: 0.9rem;
  font-weight: bold;
  margin-left: 20px;
  min-width: 200px;
  padding: 5px 15px;
  text-align: right;
}
#section-03 .row-detail .content .detail-btns:after {
  clear: both;
  content: "";
  display: block;
  float: none;
  position: relative;
}
#section-03 .row-detail .content.article .detail-btns {
  bottom: 0;
  position: relative;
  right: 0;
}
#section-03 .row-detail .content.article .detail-btns .detail-btn {
  display: block;
  min-width: 1em;
  position: absolute;
  left: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  top: 7px;
}
#section-03 .row-detail .content .detail-btn:hover {
  background-color: #638006;
}
#section-03 .row-detail .content .detail-btn img {
  left: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
}
#section-03 .row-detail .content .contact .sub-title {
  display: inline-block;
  float: left;
  font-weight: bold;
  width: 150px;
}
#section-03 .row-detail .content .contact .email {
  text-decoration: underline;
}
#section-03 .row-detail .row-col .left-col {
  background-color: #638006;
  color: #ffffff;
}
#section-03 .row-detail .row-col .right-col {
  background-color: #f2f2f2;
}
#section-03 .row-detail .col-ul {
  margin-left: 20px;
  padding-left: 0;
}
#section-03 .row-detail .col-ul > li:before {
  background-color: #e55625;
}
#section-03 .row-detail ul {
  list-style-type: none;
}
#section-03 .row-detail .row-ul {
  padding-left: 0px;
}
#section-03 .row-detail a.link {
  text-decoration: underline;
}
#section-03 .bottom-img {
  margin: 0 auto;
  max-width: 420px;
}
#section-03 .bottom-img img {
  width: 100%;
}
#section-03 .search-and-calendar {
  font-size: 18em;
  font-size: 0.9rem;
}
#section-03 .search-and-calendar .search-items {
  margin-bottom: 20px;
}
#section-03 .search-and-calendar .search-items .line {
  background-color: #b2c476;
  display: block;
  height: 3px;
  margin: 20px 15px;
}
#section-03 .search-and-calendar .search-items .search-item .search-title {
  padding: 10px 0;
}
#section-03 .search-and-calendar .search-items .search-list {
  background: transparent;
  border: none;
  color: #638006;
  height: 28px;
  text-decoration: none;
  width: 100%;
}
#section-03 .search-and-calendar .search-items .search-list-blk {
  background: #eff3de;
  padding: 5px 10px;
}
#section-03 .search-and-calendar .search-items:after {
  clear: both;
  content: "";
  display: block;
  position: relative;
}
#section-03 .search-and-calendar .search-directory .search-date-list {
  background: transparent;
  border: none;
  color: #638006;
  height: 28px;
  text-decoration: none;
  width: 100%;
}
#section-03 .search-and-calendar .search-directory .search-date-list-blk {
  background: #eff3de;
  display: inline-block;
  padding: 5px 10px;
  width: 25%;
}
#section-03 .search-and-calendar .search-directory .search-directory-item {
  float: left;
  margin-right: 6%;
}
#section-03 .search-and-calendar .search-directory .search-directory-item .search-directory-sqr {
  display: inline-block;
  height: 40px;
  width: 50px;
}
#section-03 .search-and-calendar .search-directory .search-directory-item .search-directory-txt {
  display: inline-block;
  margin-left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#section-03 .search-and-calendar .search-directory .search-date {
  height: 48px;
  text-align: right;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
#section-03 .search-and-calendar .search-directory .search-date-txt {
  display: inline-block;
  margin-right: 20px;
}
#section-03 .search-and-calendar .search-directory .search-directory-items:after {
  clear: both;
  content: "";
  display: block;
  position: relative;
}
#section-03 .search-and-calendar .lecture {
  background: #008379;
}
#section-03 .search-and-calendar .exhibition {
  background: #534741;
}
#section-03 .search-and-calendar .workshop {
  background: #e56625;
}
#section-03 .search-and-calendar .others {
  background: #662d91;
}
#section-03 .search-and-calendar .search-calendar {
  border: 1px solid #aa5204;
}
#section-03 .search-and-calendar .search-calendar .calendar-title {
  background: #aa5204;
  color: #ffffff;
  padding: 5px 0;
  text-align: center;
}
#section-03 .search-and-calendar .search-calendar .day-titles .day-title {
  color: #aa5204;
  float: left;
  padding: 10px 20px;
  text-align: center;
  width: 14.2857%;
}
#section-03 .search-and-calendar .search-calendar .day-titles:after {
  clear: both;
  content: "";
  display: block;
  position: relative;
}
#section-03 .search-and-calendar .search-calendar .day-items {
  padding-left: 5px;
}
#section-03 .search-and-calendar .search-calendar .day-items:after {
  clear: both;
  content: "";
  display: block;
  position: relative;
}
#section-03 .search-and-calendar .search-calendar .day-item {
  float: left;
  height: 120px;
  margin-bottom: 5px;
  margin-right: 5px;
  width: calc(14.2857% - 5px);
}
#section-03 .search-and-calendar .search-calendar .day-item .day-txt {
  padding: 5px 15px;
  text-align: right;
}
#section-03 .search-and-calendar .search-calendar .day-item .day-event {
  color: #ffffff;
  white-space: nowrap;
}
#section-03 .search-and-calendar .search-calendar .day-item.out-of-month {
  background: #e6e6e6;
  color: #8c8e8c;
}
#section-03 .search-and-calendar .search-calendar .day-item.white {
  background: #fef3e4;
}
#section-03 .search-and-calendar .search-calendar .day-item.blue {
  background: #e4f7fd;
}
#section-04 .banner .banner-ribbon {
  background-color: rgba(141, 104, 173, 0.9);
  color: #ffffff;
}
#section-04 .side-menu .side-menu-title {
  background-color: #6a4e80;
  border-radius: 0 0 10px 10px;
  color: #ffffff;
  font-size: 32em;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-top: -10px;
  position: relative;
  text-align: center;
}
#section-04 .side-menu .side-menu-title.orange {
  background-color: #6a4e80;
}
#section-04 .side-menu .side-menu-list {
  border-color: #cfc2e1;
  border-right: 1px solid #cfc2e1;
  margin-top: 0;
  padding-right: 15px;
  width: 100%;
}
#section-04 .side-menu .side-menu-list .btn + .btn {
  border-top-color: #cfc2e1;
}
#section-04 .side-menu .side-menu-list .btn span.btn-icon {
  background-color: #cfc2e1;
  color: #ffffff;
}
#section-04 .side-menu .side-menu-list .btn:hover {
  background-color: #6a4e80;
  color: #ffffff;
}
#section-04 .side-menu .side-menu-list .btn:hover span.btn-icon {
  background-color: #ffffff;
}
#section-04 .side-menu .side-menu-list .btn:hover span.btn-icon i {
  color: #6a4e80;
}
#section-04 .side-menu .side-menu-list .btn.active {
  background-color: #6a4e80;
  color: #ffffff;
}
#section-04 h1 {
  color: #6a4e80;
  font-size: 45em;
  font-size: 2.25rem;
}
#section-04 .head-s {
  background: #a47dca;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
}
#section-04 .question_number {
  background: #a47dca;
  color: #ffffff;
}
#section-04 .row-detail .title:before,
#section-04 .row-detail .title2:before {
  background: #cfc2e1;
}
#section-04 .row-detail .title .title-txt,
#section-04 .row-detail .title2 .title-txt {
  background: #fff;
}
#section-04 .row-detail .title-txt {
  color: #6a4e80;
}
#section-04 .row-detail .row-col .left-col {
  background-color: #a47dca;
  color: #ffffff;
}
#section-04 .row-detail .row-col .right-col {
  background-color: #f2f2f2;
}
#section-04 .row-detail .col-ul > li:before {
  background-color: #6a4e80;
}
#section-04 .row-detail ul {
  list-style-type: none;
}
#section-04 .row-detail .row-ul {
  padding-left: 0px;
}
#section-04 .row-detail a.link {
  text-decoration: underline;
}
#section-04 .row-detail .row-content,
#section-04 .row-detail p {
  margin: 15px 0;
}
#section-04 .right-side .sickness .btn:hover {
  border: 2px solid #a47dca;
  color: #a47dca;
}
#section-04 .icons img {
  width: 100%;
}
#section-04 .icons:after {
  clear: both;
  content: "";
  display: table;
}
#section-04 .row-card {
  font-size: 0;
}
#section-04 .row-card .card-title .card-title-txt {
  background: #fff;
  color: #6a4e80;
  display: inline-block;
  font-size: 28em;
  font-size: 1.4rem;
  left: 50%;
  padding: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#section-04 .row-card .card-title:before {
  background: #cfc2e1;
  content: '';
  height: 3px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  z-index: -1;
}
#section-04 .row-card .card-blk {
  display: inline-block;
  float: none;
  margin-bottom: 20px;
  vertical-align: top;
}
#section-04 .row-card .card-blk .card-img img {
  background: #cfc2e1;
  padding: 10px;
  width: 100%;
}
#section-04 .row-card .card-blk .card-preview {
  margin-top: 10px;
}
#section-04 .row-card .card-blk .card-preview:after {
  clear: both;
  content: "";
  display: block;
  float: none;
  position: relative;
}
#section-04 .row-card .card-blk .card-preview .card-preview-wrapper {
  background-color: #603813;
  display: inline-block;
  margin: 0 auto;
  min-width: 150px;
  padding: 5px 15px;
  text-align: center;
}
#section-04 .row-card .card-blk .card-preview .card-preview-wrapper:hover {
  background-color: #8d68ab;
}
#section-04 .row-card .card-blk .card-preview .preview-img {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: 18px;
}
#section-04 .row-card .card-blk .card-preview .preview-img img {
  width: 100%;
}
#section-04 .row-card .card-blk .card-preview .preview-txt {
  color: #ffffff;
  display: inline-block;
  font-size: 18em;
  font-size: 0.9rem;
  font-weight: bold;
  vertical-align: middle;
}
#section-04 .video-card {
  border: 5px solid #cfc2e1;
}
#section-04 .card-form {
  font-size: 18em;
  font-size: 0.9rem;
  overflow: hidden;
}
#section-04 .card-form .underline {
  border-bottom: 3px solid #8d68ab;
  clear: both;
}
#section-04 .card-form .item-blk {
  margin: 15px -20px 15px 20px;
}
#section-04 .card-form .item-blk .item-input {
  background-color: #e8e1ee;
  display: block;
  margin: 5px 0px;
  padding: 5px 15px;
  width: calc(100% - 20px);
}
#section-04 .card-form .item-blk .item-input input {
  background-color: transparent;
  border: none;
  width: 100%;
}
#section-04 .card-form .item-blk .item-input input:focus {
  outline: none;
}
#section-04 .card-form .item-blk textarea {
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
}
#section-04 .card-form .item-blk .color-item {
  margin-top: 10px;
}
#section-04 .card-form .item-blk .color-wheel {
  display: inline-block;
  vertical-align: middle;
}
#section-04 .card-form .item-blk .color-wheel input[type=radio] {
  height: 25px;
  margin-right: 5px;
  width: 25px;
}
#section-04 .card-form .item-blk .color-wheel input[type=radio]:checked:after {
  border: 1px solid #b4aece;
  content: "";
  display: block;
  height: 31px;
  margin-left: -3px;
  position: absolute;
  top: calc(50% - 5px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 31px;
}
#section-04 .card-form .item-blk .color-wheel input[type=radio]:before {
  content: "";
  display: block;
  height: 25px;
  position: absolute;
  width: 25px;
}
#section-04 .card-form .item-blk .color-wheel-txt {
  margin-right: 20px;
}
#section-04 .card-form .item-blk #color-red:before {
  background-color: #bd2831;
}
#section-04 .card-form .item-blk #color-purple:before {
  background-color: #841894;
}
#section-04 .card-form .item-blk #color-orange:before {
  background-color: #ef5921;
}
#section-04 .card-form .item-blk #color-green:before {
  background-color: #006939;
}
#section-04 .card-form .item-blk #color-blue:before {
  background-color: #0075bd;
}
#section-04 .card-form .item-blk #color-black:before {
  background-color: #000000;
}
#section-04 .card-form .item-blk .remainder-blk {
  color: #666666;
  position: absolute;
  right: 20px;
  top: 0;
}
#section-04 .card-form .item-blk .item-link {
  color: #7b5e98;
}
#section-04 .card-form .item-blk .center {
  text-align: center;
}
#section-04 .card-form .add-btn {
  background-color: #999999;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  margin: 10px 0 20px 0;
  padding: 5px 20px;
}
#section-04 .card-form .add-btn:hover {
  background-color: #8d68ab;
}
#section-04 .card-form .add-btn .txt {
  margin-left: 5px;
}
#section-04 .card-form .item-input-ol {
  margin: 15px 0 0 0;
  padding: 0;
}
#section-04 .card-form .item-input-ol > li {
  clear: both;
  list-style: none;
  position: relative;
}
#section-04 .card-form .item-input-ol > li:after {
  clear: both;
  content: "";
  display: table;
}
#section-04 .card-form .item-input-ol > li .order-no {
  background-color: #7b5e98;
  bottom: 5px;
  color: #ffffff;
  display: block;
  left: 0px;
  line-height: 2;
  position: absolute;
  text-align: center;
  width: 40px;
  z-index: 2;
}
#section-04 .card-form .item-input-ol > li .item-blk {
  margin-bottom: 0;
  margin-top: 0;
}
#section-04 .card-form .item-input-ol > li .item-blk:first-child input {
  padding-left: 40px;
}
#section-04 .card-form .item-input-ol:after {
  clear: both;
  content: "";
  display: table;
}
#section-04 .card-form #item-hidden-li {
  display: none;
}
#section-04 .card-form .back {
  background-color: #999999;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  margin: 10px;
  min-width: 180px;
  padding: 5px 15px;
  text-align: center;
}
#section-04 .card-form .back:hover {
  background-color: #8d68ab;
}
#section-04 .card-form .contiune {
  background-color: #603813;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  margin: 10px;
  min-width: 180px;
  padding: 5px 15px;
  text-align: center;
}
#section-04 .card-form .contiune:hover {
  background-color: #8d68ab;
}
#section-04 .item-blk-wrapper {
  margin-left: -20px;
  width: calc(100% + 20px);
}
#section-04 .item-blk-wrapper:after {
  clear: both;
  content: "";
  display: table;
}
footer div {
  display: block;
  position: relative;
}
main div {
  display: block;
}
.responsive-image {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
}
.responsive-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.ecard-thumbnail {
  text-align: center;
}
.borderless-iframe {
  width: 100%;
  border: none;
  min-height: 100vh;
}
.DiseaseFilter {
  text-align: justify;
}
.DiseaseFilter a {
  padding: 0.5em;
  background: #eee;
  white-space: nowrap;
  margin-right: 0.6em;
  line-height: 2.5em;
}
.DiseaseFilter a.active {
  font-weight: bold;
  background: #3173a7;
  color: #fff;
}
.DiseaseFilter a:hover {
  background: #b3d5f4;
}
.DiseaseBodyPartFilter .title {
  padding-bottom: 5px;
  padding-top: 10px;
}
.DiseaseBodyPartFilter .title a {
  cursor: pointer;
  padding: 0.3em;
}
.DiseaseBodyPartFilter .title a.active {
  font-weight: bold;
  background: #3173a7;
  color: #fff;
}
.DiseaseBodyPartFilter .title a:hover {
  background: #b3d5f4;
}
.DiseaseBodyPartFilter .row-lists a {
  cursor: pointer;
  padding: 0.3em;
  background: #eee;
}
.DiseaseBodyPartFilter .row-lists a.active {
  font-weight: bold;
  background: #3173a7;
  color: #fff;
}
.DiseaseBodyPartFilter .row-lists a:hover {
  background: #b3d5f4;
}
@media (min-width: 576px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 768px) {
  .container {
    width: 1140px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 1140px;
  }
  .activities img {
    width: auto;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
@media (max-width: 1199px) {
  .container.push {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .sickness .btn {
    font-size: 20em;
    font-size: 1rem;
  }
  .banner .banner-ribbon {
    position: relative;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  #search {
    position: relative;
    float: left;
    width: auto;
    margin-top: 7px;
    height: auto;
    padding: 0;
  }
  header .menu .menu-dropdown {
    display: inline-block !important;
  }
  .theme-default .nivo-controlNav.container {
    margin: 10px 0px;
  }
  .fastrackicon {
    margin-top: -20px;
  }
  .fastrackicon > ul > li .sect-btn {
    -webkit-transform: none;
            transform: none;
    height: 127px;
    width: 127px;
    background-size: contain;
    margin-bottom: 5px;
  }
  .fastrackicon > ul > li:nth-child(odd) .sect-btn {
    right: 0%;
    left: initial;
    float: right;
  }
  .fastrackicon > ul > li:nth-child(even) .sect-btn {
    left: 0%;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  #spw-logo {
    width: 90%;
  }
  header .gsc-control-cse {
    width: 100%;
    position: static;
  }
  header #header-mobile-lang .nav-item {
    font-size: 12em;
    font-size: 0.6em;
  }
  header #header-mobile-lang .nav-item.lang {
    font-size: 12em;
    font-size: 0.6em;
  }
  header #menu-items {
    display: none;
  }
  header .menu .menu-dropdown {
    display: block;
    position: relative;
  }
  header .menu .menu-dropdown .menu-dropdown-item {
    float: left;
    width: 50%;
  }
  .ENUS header .menu .menu-dropdown .menu-dropdown-item {
    float: none;
    width: 100%;
  }
  header .menu .menu-dropdown .menu-dropdown-item li {
    padding-bottom: 0em;
    padding-top: 0em;
  }
  header .menu .menu-dropdown .menu-dropdown-item li > span {
    font-size: 20em;
    font-size: 1rem;
  }
  header #ha-logo {
    padding-top: 2%;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
    width: 36.766667%;
  }
  .banner {
    z-index: 3;
  }
  .list-row {
    left: 0;
    position: absolute;
    width: 100%;
  }
  .black-layer {
    background: #000;
    height: 100%;
    opacity: 0.9;
    position: absolute;
    width: 100%;
  }
  .side-menu.mobile-side-menu .side-menu-list {
    border-right: 1px solid transparent !important;
    display: none;
    position: absolute;
    width: calc(100vw + 30px);
  }
  .side-menu .side-menu-list .btn {
    background-color: #3173a7;
    color: #ffffff;
  }
  .side-menu .side-menu-title {
    font-size: 24em;
    font-size: 1.2rem;
    margin: 0 0 0 -15px;
  }
  .banner-ribbon {
    min-height: 100px;
  }
  .banner-ribbon .row {
    height: 100px;
    /*width: ~"calc(100% - 5px)";*/
  }
  .banner-ribbon .container {
    /*padding: 0;*/
  }
  .banner-title {
    font-size: 44em;
    font-size: 2.2rem;
    line-height: 1.5;
    position: relative;
    padding-right: 15px;
    top: 0;
  }
  .ENUS .banner-title {
    font-size: 1.4rem;
  }
  .banner-breadcrumb {
    bottom: 0;
    padding-left: 15px;
    line-height: 2;
    position: relative;
  }
  .banner-breadcrumb-mobile {
    bottom: 0;
    left: 15px;
    line-height: 2;
    position: absolute;
  }
  .right-side {
    margin-bottom: 0px;
  }
  .right-side .right-img img {
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .head-s {
    font-size: 20em;
    font-size: 1rem;
  }
  #footer-bottom .bottom_icon {
    background-position: right center;
  }
  #footer-bottom .copy_right {
    height: auto;
    text-align: left;
  }
  #footer-bottom .update_time {
    height: auto;
    text-align: left;
  }
  #footer-top {
    background-image: none;
    max-height: none;
  }
  .footer-container {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .footer-container .footer-row {
    padding: 0px 0px 15px 0px;
  }
  .footer-container .footer-row .footer_title {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
  }
  .footer-container .footer-row a {
    padding-left: 30px;
    padding-right: 30px;
  }
  .row-title h1 {
    font-size: 42em;
    font-size: 2.1rem;
  }
  .quest_bg {
    font-size: 16em;
    font-size: 0.8rem;
  }
  #section-01 {
    padding-top: 25px;
  }
  #section-01 .banner {
    z-index: 3;
  }
  #section-01 .side-menu.mobile-side-menu .side-menu-list {
    border-right: 1px solid transparent !important;
    display: none;
    position: absolute;
    width: calc(100vw + 30px);
  }
  #section-01 .side-menu .side-menu-list .btn {
    background-color: #3173a7;
    color: #ffffff;
  }
  #section-01 .side-menu .side-menu-title {
    font-size: 24em;
    font-size: 1.2rem;
    margin: 0 0 0 -15px;
  }
  #section-02 {
    padding-top: 25px;
  }
  #section-02 .row-lists .list-item .btn {
    position: absolute;
    right: 15px;
  }
  #section-02 .row-lists .list-item .btn span.btn-icon {
    border-radius: 1em;
    height: 1em;
    width: 1em;
  }
  #section-03 {
    padding-top: 25px;
  }
  #section-03 .search-and-calendar .search-directory .search-date {
    margin: 15px 0;
    text-align: initial;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  #section-03 .search-and-calendar .search-directory .search-date-list-blk {
    width: 50%;
  }
  #section-04 {
    padding-top: 25px;
  }
  .banner-image {
    display: none;
  }
  .banner .banner-ribbon {
    bottom: initial;
    left: initial;
    position: relative;
    right: initial;
    top: initial;
    -webkit-transform: none;
            transform: none;
  }
  .sickness .btn {
    font-size: 20em;
    font-size: 1rem;
  }
  .row-detail .content .detail-btns {
    right: auto;
  }
  .activities {
    padding-top: 0px;
  }
  .main-banner .slider-desktop {
    display: none;
  }
  .main-banner .slider-mobile {
    display: block;
  }
  .news-ul {
    font-size: 20em;
    font-size: 1rem;
  }
  .news-ul > li {
    line-height: 1.8;
  }
}
@media screen and (max-width: 750px) {
  #spw-logo {
    width: 90%;
  }
  header #menu-items {
    display: none;
  }
  header .menu .menu-dropdown {
    display: block;
    position: relative;
  }
  header .menu .menu-dropdown .menu-dropdown-item {
    float: left;
    width: 50%;
  }
  .ENUS header .menu .menu-dropdown .menu-dropdown-item {
    float: none;
    width: 100%;
  }
  header .menu .menu-dropdown .menu-dropdown-item li > span {
    font-size: 14em;
    font-size: 1rem;
  }
  header #ha-logo {
    min-height: 1px;
    padding-left: 20px;
    padding-right: 10px;
    position: relative;
    width: 36.766667%;
  }
  .footer_title {
    padding-bottom: 0;
  }
  .sickness .btn {
    font-size: 20em;
    font-size: 1rem;
  }
  #section-03 .row-detail .content .detail-btns {
    bottom: auto;
    display: block;
    position: relative;
    right: auto;
  }
  #section-03 .row-detail .content .detail-btns .detail-btn {
    margin-top: 10px;
  }
  #section-03 .search-and-calendar .search-items:after {
    position: relative;
  }
  #section-03 .search-and-calendar .search-directory .search-directory-item {
    margin-right: 4px;
  }
  #section-03 .search-and-calendar .search-directory .search-directory-item .search-directory-sqr {
    height: 28px;
    width: 35px;
  }
  #section-03 .search-and-calendar .search-directory .search-directory-item .search-directory-txt {
    margin-left: 2px;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  #section-03 .search-and-calendar .search-calendar-mobile .search-calendar-mobile-item {
    margin-bottom: 10px;
  }
  #section-03 .search-and-calendar .search-calendar-mobile .calendar-item {
    color: #ffffff;
    margin-bottom: 5px;
    padding: 5px 15px;
  }
  #section-03 .container > .row {
    /*margin: 0;*/
  }
}
@media screen and (max-width: 480px) {
  .container.push {
    padding-left: 15px;
    padding-right: 15px;
  }
  #search {
    width: 100%;
  }
  header .navbar-spw {
    max-width: 100%;
    overflow: auto;
  }
  header .nav {
    white-space: nowrap;
  }
  header .navbar-nav .nav-item {
    display: inline-block;
    float: none;
  }
  header .menu .menu-dropdown {
    display: block;
    position: relative;
  }
  header .menu .menu-dropdown .menu-dropdown-item {
    float: left;
    width: 50%;
  }
  .ENUS header .menu .menu-dropdown .menu-dropdown-item {
    float: none;
    width: 100%;
  }
  header .menu .menu-dropdown .menu-dropdown-item li {
    padding-bottom: 0em;
    padding-top: 0em;
  }
  header .menu .menu-dropdown .menu-dropdown-item li > span {
    font-size: 20em;
    font-size: 0.7rem;
  }
  .sickness .btn {
    font-size: 14em;
    font-size: 0.7rem;
  }
  .row-detail {
    font-size: 14em;
    font-size: 0.7rem;
  }
  #section-04 .card-form .item-blk .remainder-blk {
    position: relative;
  }
  #section-04 .main-body .row-detail .row-col {
    display: block;
  }
  #section-04 .main-body .row-detail .row-col .left-col {
    display: block;
    width: auto;
  }
  #section-04 .main-body .row-detail .row-col .right-col {
    display: block;
    width: auto;
  }
  #section-04 .banner .banner-ribbon {
    position: relative;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  #section-02 .main-body .row-lists .list-item .info-links {
    display: none;
    position: relative;
    right: auto;
    text-align: right;
    top: auto;
    -webkit-transform: translate(0%);
            transform: translate(0%);
  }
  #section-02 .main-body .row-lists .list-item .btn span.btn-icon {
    background-color: #808080;
  }
  #section-02 .main-body .row-lists .list-item .btn i.fa-angle-right {
    display: block;
  }
  #section-02 .main-body .row-lists .list-item.active .btn span.btn-icon {
    background-color: #e56625;
  }
  #section-02 .main-body .row-lists .list-item.active .btn i.fa-angle-down {
    display: block;
  }
  #section-02 .main-body .row-detail .row-col {
    display: block;
  }
  #section-02 .main-body .row-detail .row-col .left-col {
    display: block;
    width: auto;
  }
  #section-02 .main-body .row-detail .row-col .right-col {
    display: block;
    width: auto;
  }
  #section-02 .banner .banner-ribbon {
    position: relative;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  #section-01 .banner .banner-ribbon {
    position: relative;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  #section-03 .banner .banner-ribbon {
    position: relative;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  .banner-title {
    /*right: 20px;*/
  }
  .banner-breadcrumb {
    top: auto;
  }
}
/* HTMLEditor */
.HTMLEditor a,
.HTMLEditor a:active,
.HTMLEditor a:focus {
  text-decoration: underline;
  color: #0275d8;
}
.HTMLEditor li {
  list-style: initial;
}
.HTMLEditor img {
  max-width: 100%;
  height: auto;
}
/*# sourceMappingURL=SPWMain.css.map */