@charset "UTF-8";
/* libs
=======================================*/
/*! jQuery UI - v1.12.1 - 2019-07-05
* http://jqueryui.com
* Includes: core.css, datepicker.css, menu.css, selectmenu.css, button.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}
.ui-menu .ui-menu{position:absolute}
.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}
.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}
.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}
.ui-menu-icons{position:relative}
.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}
.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}
.ui-menu .ui-menu-icon{left:auto;right:0}
.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}
.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}
.ui-selectmenu-open{display:block}
.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}
.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}
.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}
.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}
.ui-button-icon-only{width:2em;-webkit-box-sizing:border-box;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}
input.ui-button.ui-button-icon-only{text-indent:0}
.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}
.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}
input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{-webkit-filter:inherit;filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-slider-vertical .ui-slider-range-min{bottom:0}
.ui-slider-vertical .ui-slider-range-max{top:0}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }
.mfp-align-top .mfp-container:before {
  display: none; }
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }
.mfp-ajax-cur {
  cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
  cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.mfp-loading.mfp-figure {
  display: none; }
.mfp-hide {
  display: none !important; }
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
.mfp-preloader a {
    color: #CCC; }
.mfp-preloader a:hover {
      color: #FFF; }
.mfp-s-ready .mfp-preloader {
  display: none; }
.mfp-s-error .mfp-content {
  display: none; }
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }
.mfp-close-btn-in .mfp-close {
  color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
.mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }
.mfp-arrow-left {
  left: 0; }
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
  right: 0; }
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */
    background: #000; }
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
.mfp-figure figure {
    margin: 0; }
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }
.mfp-image-holder .mfp-content {
  max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
@-webkit-keyframes plyr-progress{to{background-position:25px 0}}
@keyframes plyr-progress{to{background-position:25px 0}}
@-webkit-keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}
@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}
.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}
.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}
.plyr button{font:inherit;line-height:inherit;width:auto}
.plyr:focus{outline:0}
.plyr--full-ui{-webkit-box-sizing:border-box;box-sizing:border-box}
.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{-webkit-box-sizing:inherit;box-sizing:inherit}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{-ms-touch-action:manipulation;touch-action:manipulation}
.plyr__badge{background:#4f5b5f;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}
.plyr--full-ui ::-webkit-media-text-track-container{display:none}
.plyr__captions{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;width:100%}
.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}
.plyr__captions .plyr__caption div{display:inline}
.plyr__captions span:empty{display:none}
@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}}
@media (min-width:768px){.plyr__captions{font-size:18px}}
.plyr--captions-active .plyr__captions{display:block}
.plyr--hide-controls .plyr__captions{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;overflow:visible;padding:7px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}
.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}
.plyr__control:focus{outline:0}
.plyr__control.plyr__tab-focus{-webkit-box-shadow:0 0 0 3px rgba(26,175,255,.35);box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}
.plyr__control--overlaid{background:rgba(26,175,255,.8);border:0;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15);color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.plyr__control--overlaid svg{height:20px;left:2px;position:relative;width:20px}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#1aafff}
.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}
.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}
.plyr--full-ui ::-webkit-media-controls{display:none}
.plyr__controls{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:center}
.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:5px}
.plyr__controls .plyr__menu:first-child,.plyr__controls .plyr__menu:first-child+[data-plyr=pause],.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__progress:first-child+[data-plyr=pause],.plyr__controls .plyr__time:first-child,.plyr__controls .plyr__time:first-child+[data-plyr=pause],.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0;margin-right:auto}
.plyr__controls .plyr__volume{margin-left:5px}
@media (min-width:480px){.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:10px}.plyr__controls .plyr__menu+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:5px}}
.plyr--video .plyr__controls{background:-webkit-gradient(linear,left top, left bottom,from(transparent),to(rgba(0,0,0,.7)));background:linear-gradient(transparent,rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:35px 10px 10px;position:absolute;right:0;-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:2}
.plyr--video .plyr__controls .plyr__control svg{-webkit-filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15));filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}
.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4f5b5f;padding:10px}
.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}
.plyr__video-embed{height:0;padding-bottom:56.25%;position:relative}
.plyr__video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;-webkit-transform:translateY(-38.28125%);-ms-transform:translateY(-38.28125%);transform:translateY(-38.28125%)}
.plyr__menu{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
.plyr__menu .plyr__control svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}
.plyr__menu .plyr__control[aria-expanded=true] svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}
.plyr__menu__container{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}
.plyr__menu__container>div{overflow:hidden;-webkit-transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}
.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}
.plyr__menu__container ul{list-style:none;margin:0;overflow:hidden;padding:7px}
.plyr__menu__container ul li{margin-top:2px}
.plyr__menu__container ul li:first-child{margin-top:0}
.plyr__menu__container .plyr__control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#4f5b5f;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;padding:4px 14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.plyr__menu__container .plyr__control--forward{padding-right:28px}
.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(79,91,95,.8);right:5px}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}
.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}
.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(79,91,95,.8);left:7px}
.plyr__menu__container .plyr__control--back::before{background:#b7c5cd;-webkit-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}
.plyr__menu__container label.plyr__control{padding-left:7px}
.plyr__menu__container label.plyr__control input[type=radio]+span{background:rgba(0,0,0,.1);border-radius:100%;display:block;-ms-flex-negative:0;flex-shrink:0;height:16px;margin-right:10px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}
.plyr__menu__container label.plyr__control input[type=radio]+span::after{background:#fff;border-radius:100%;content:'';height:6px;left:5px;opacity:0;position:absolute;top:5px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:6px}
.plyr__menu__container label.plyr__control input[type=radio]:checked+span{background:#1aafff}
.plyr__menu__container label.plyr__control input[type=radio]:checked+span::after{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.plyr__menu__container label.plyr__control input[type=radio]:focus+span{-webkit-box-shadow:0 0 0 3px rgba(26,175,255,.35);box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio]+span,.plyr__menu__container label.plyr__control:hover input[type=radio]+span{background:rgba(0,0,0,.1)}
.plyr__menu__container .plyr__menu__value{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:-7px;overflow:hidden;padding-left:25px;pointer-events:none}
.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:28px;color:#1aafff;display:block;height:20px;margin:0;padding:0;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease;width:100%}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;user-select:none;background-image:-webkit-gradient(linear,left top, right top,from(currentColor),to(transparent));background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);-webkit-box-sizing:border-box;box-sizing:border-box;height:14px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px;-webkit-appearance:none;margin-top:-4px}
.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:3px;height:6px;-moz-transition:all .3s ease;transition:all .3s ease;-moz-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:14px}
.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:3px;height:6px}
.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:3px;height:6px;-ms-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none;color:transparent}
.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:3px;height:6px;-ms-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:3px;height:6px;-ms-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none;background:currentColor}
.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:14px;margin-top:0}
.plyr--full-ui input[type=range]::-ms-tooltip{display:none}
.plyr--full-ui input[type=range]:focus{outline:0}
.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{-webkit-box-shadow:0 0 0 3px rgba(26,175,255,.35);box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5);box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183,197,205,.66)}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183,197,205,.66)}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183,197,205,.66)}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:1}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1;pointer-events:none}
.plyr__time{font-size:14px}
.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}
@media (max-width:767px){.plyr__time+.plyr__time{display:none}}
.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}
.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.15);box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,10px) scale(.8);-ms-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;white-space:nowrap;z-index:2}
.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;z-index:2}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;-webkit-transform:translate(-50%,0) scale(1);-ms-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}
.plyr .plyr__control:hover .plyr__tooltip{z-index:3}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{right:0;-webkit-transform:translate(0,10px) scale(.8);-ms-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{-webkit-transform:translate(0,0) scale(1);-ms-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
.plyr--video{overflow:hidden}
.plyr--video.plyr--menu-open{overflow:visible}
.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}
.plyr__progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;left:7px;margin-right:14px;position:relative}
.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-7px;margin-right:-7px;width:calc(100% + 14px)}
.plyr__progress input[type=range]{position:relative;z-index:2}
.plyr__progress .plyr__tooltip{font-size:14px;left:0}
.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:6px;left:0;margin-top:-3px;padding:0;position:absolute;top:50%}
.plyr__progress__buffer::-webkit-progress-bar{background:0 0;-webkit-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:6px}
.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:6px;-moz-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}
.plyr--video .plyr__progress__buffer{-webkit-box-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}
.plyr--audio .plyr__progress__buffer{color:rgba(183,197,205,.66)}
.plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}
.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}
.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(183,197,205,.66)}
.plyr__volume{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}
.plyr__volume input[type=range]{position:relative;z-index:2}
@media (min-width:480px){.plyr__volume{max-width:50px}}
@media (min-width:768px){.plyr__volume{max-width:80px}}
.plyr--is-ios .plyr__volume{display:none!important}
.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}
.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-ms-fullscreen video{height:100%}
.plyr:fullscreen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}
.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}
.plyr:fullscreen .plyr__video-embed{overflow:visible}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}
.plyr:fullscreen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}}
.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}}
.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-moz-full-screen video{height:100%}
.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-moz-full-screen .plyr__captions{font-size:21px}}
.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen video{height:100%}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr:-ms-fullscreen .plyr__captions{font-size:21px}}
.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}
.plyr--fullscreen-fallback video{height:100%}
.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;width:100%}
.plyr--fullscreen-fallback .plyr__video-embed{overflow:visible}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}
@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}
.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}
.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}
.plyr__ads::after{background:rgba(47,52,61,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}
.plyr__ads::after:empty{display:none}
.plyr__cues{background:currentColor;display:block;height:6px;left:0;margin:-3px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}
.plyr--no-transition{-webkit-transition:none!important;transition:none!important}
.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}
@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
/* Uncomment the effect you want to use */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
/*@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}*/
/*@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}*/
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
/*@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}*/
/*@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}*/
/*@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}*/
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
/*@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}*/
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
/*@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}*/
/*@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}*/
/*@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}*/
/*@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}*/
/*@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}*/
/*@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}*/
/*@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}*/
/*@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}*/
/*@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}*/
/*@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}*/
/*@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}*/
/*@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
/*@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
/*@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/*@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}*/
/*@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}*/
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
/*@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}*/
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
/*@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}*/
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
/*@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}*/
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
/*@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}*/
/*@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}*/
/*@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}*/
/*@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}*/
/*@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}*/
/*@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}*/
/*@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}*/
/*@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}*/
/*@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}*/
/*@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}*/
/*@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}*/
/*@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}*/
/*@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}*/
/*@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}*/
/*@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}*/
/*@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}*/
/*@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}*/
/*@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}*/
/*@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}*/
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/*@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}*/
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/*@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}*/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
/*@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}*/
/*@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}*/
/*@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}*/
/*@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}*/
/*@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}*/
/*@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}*/
/*@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}*/
/*@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}*/
/*@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}*/
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/*@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}*/
/*@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}*/
/*@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}*/
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
  transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: .15s;
  transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: .35s;
  transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: .4s;
  transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: .45s;
  transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: .45s;
  transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: .55s;
  transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: .55s;
  transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: .65s;
  transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: .65s;
  transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: .7s;
  transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: .75s;
  transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: .75s;
  transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: .8s;
  transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: .85s;
  transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: .85s;
  transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: .9s;
  transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: .95s;
  transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: .95s;
  transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
  transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
  transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
  transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
  transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
  transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
  transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
  transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
  transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
  transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
  transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
  transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
  transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
  transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
  transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
  transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
  transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
  transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
  transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
  transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
  transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
  transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
  transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
  transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
  transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
  transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
  transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
  transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
  transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
  transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
  transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
  transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
  transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
  transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
  transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
  transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
  transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
  transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.25,.25,.75,.75);
  transition-timing-function: cubic-bezier(.25,.25,.75,.75);
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
  transition-timing-function: cubic-bezier(.6,-.28,.735,.045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
  transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.47,0,.745,.715);
  transition-timing-function: cubic-bezier(.47,0,.745,.715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1);
  transition-timing-function: cubic-bezier(.39,.575,.565,1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.445,.05,.55,.95);
  transition-timing-function: cubic-bezier(.445,.05,.55,.95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
  transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
  transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
  transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
  transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.55,.085,.68,.53);
  transition-timing-function: cubic-bezier(.55,.085,.68,.53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94);
  transition-timing-function: cubic-bezier(.25,.46,.45,.94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(.455,.03,.515,.955);
  transition-timing-function: cubic-bezier(.455,.03,.515,.955);
}
[data-aos^=fade][data-aos^=fade]:not([data-aos=fade-in]) {
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;
  opacity: 0;
}
[data-aos^=fade][data-aos^=fade]:not([data-aos=fade-in]).aos-animate {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
}
[data-aos=fade-in] {
  opacity: 0;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
}
[data-aos=fade-up] {
  -webkit-transform: translate3d(0,100px,0);
  transform: translate3d(0,100px,0);
}
[data-aos=fade-down] {
  -webkit-transform: translate3d(0,-100px,0);
  transform: translate3d(0,-100px,0);
}
[data-aos=fade-right] {
  -webkit-transform: translate3d(-100px,0,0);
  transform: translate3d(-100px,0,0);
}
[data-aos=fade-left] {
  -webkit-transform: translate3d(100px,0,0);
  transform: translate3d(100px,0,0);
}
[data-aos=fade-up-right] {
  -webkit-transform: translate3d(-100px,100px,0);
  transform: translate3d(-100px,100px,0);
}
[data-aos=fade-up-left] {
  -webkit-transform: translate3d(100px,100px,0);
  transform: translate3d(100px,100px,0);
}
[data-aos=fade-down-right] {
  -webkit-transform: translate3d(-100px,-100px,0);
  transform: translate3d(-100px,-100px,0);
}
[data-aos=fade-down-left] {
  -webkit-transform: translate3d(100px,-100px,0);
  transform: translate3d(100px,-100px,0);
}
[data-aos^=zoom][data-aos^=zoom] {
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform;

  opacity: 0;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;

  opacity: 1;
}
[data-aos=zoom-in] {
  -webkit-transform: scale(.6);
  -ms-transform: scale(.6);
  transform: scale(.6);
}
[data-aos=zoom-in-up] {
  -webkit-transform: translate3d(0,100px,0) scale(.6);
  transform: translate3d(0,100px,0) scale(.6);
}
[data-aos=zoom-in-down] {
  -webkit-transform: translate3d(0,-100px,0) scale(.6);
  transform: translate3d(0,-100px,0) scale(.6);
}
[data-aos=zoom-in-right] {
  -webkit-transform: translate3d(-100px,0,0) scale(.6);
  transform: translate3d(-100px,0,0) scale(.6);
}
[data-aos=zoom-in-left] {
  -webkit-transform: translate3d(100px,0,0) scale(.6);
  transform: translate3d(100px,0,0) scale(.6);
}
[data-aos=zoom-out] {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
[data-aos=zoom-out-up] {
  -webkit-transform: translate3d(0,100px,0) scale(1.2);
  transform: translate3d(0,100px,0) scale(1.2);
}
[data-aos=zoom-out-down] {
  -webkit-transform: translate3d(0,-100px,0) scale(1.2);
  transform: translate3d(0,-100px,0) scale(1.2);
}
[data-aos=zoom-out-right] {
  -webkit-transform: translate3d(-100px,0,0) scale(1.2);
  transform: translate3d(-100px,0,0) scale(1.2);
}
[data-aos=zoom-out-left] {
  -webkit-transform: translate3d(100px,0,0) scale(1.2);
  transform: translate3d(100px,0,0) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[data-aos=slide-up] {
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}
[data-aos=slide-down] {
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}
[data-aos=slide-right] {
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}
[data-aos=slide-left] {
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}
[data-aos^=flip][data-aos^=flip] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;
}
[data-aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}
.ol-box{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px;border:2px solid #00f}
.ol-mouse-position{top:8px;right:8px;position:absolute}
.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}
.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}
.ol-overlay-container{will-change:left,right,top,bottom}
.ol-unsupported{display:none}
.ol-unselectable,.ol-viewport{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
.ol-grabbing{cursor:-webkit-grabbing;cursor:grabbing}
.ol-grab{cursor:move;cursor:-webkit-grab;cursor:grab}
.ol-control{position:absolute;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}
.ol-control:hover{background-color:rgba(255,255,255,.6)}
.ol-zoom{top:.5em;left:.5em}
.ol-rotate{top:.5em;right:.5em;-webkit-transition:opacity .25s linear,visibility 0s linear;transition:opacity .25s linear,visibility 0s linear}
.ol-rotate.ol-hidden{opacity:0;visibility:hidden;-webkit-transition:opacity .25s linear,visibility 0s linear .25s;transition:opacity .25s linear,visibility 0s linear .25s}
.ol-zoom-extent{top:4.643em;left:.5em}
.ol-full-screen{right:.5em;top:.5em}
@media print{.ol-control{display:none}}
.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}
.ol-control button::-moz-focus-inner{border:none;padding:0}
.ol-zoom-extent button{line-height:1.4em}
.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}
.ol-touch .ol-control button{font-size:1.5em}
.ol-touch .ol-zoom-extent{top:5.5em}
.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}
.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}
.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}
.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}
.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}
.ol-attribution li{display:inline;list-style:none;line-height:inherit}
.ol-attribution li:not(:last-child):after{content:" "}
.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}
.ol-attribution button,.ol-attribution ul{display:inline-block}
.ol-attribution.ol-collapsed ul{display:none}
.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}
.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}
.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}
.ol-attribution.ol-uncollapsible button{display:none}
.ol-zoomslider{top:4.5em;left:.5em;height:200px}
.ol-zoomslider button{position:relative;height:10px}
.ol-touch .ol-zoomslider{top:5.5em}
.ol-overviewmap{left:.5em;bottom:.5em}
.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}
.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}
.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}
.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}
.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}
.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}
.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}
/* Bootstrap
=======================================*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* line 9, sass/bootstrap/_normalize.scss */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/* line 19, sass/bootstrap/_normalize.scss */
body {
  margin: 0;
}
/* line 33, sass/bootstrap/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/* line 54, sass/bootstrap/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
/* line 67, sass/bootstrap/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}
/* line 77, sass/bootstrap/_normalize.scss */
[hidden],
template {
  display: none;
}
/* line 89, sass/bootstrap/_normalize.scss */
a {
  background-color: transparent;
}
/* line 98, sass/bootstrap/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}
/* line 111, sass/bootstrap/_normalize.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
/* line 121, sass/bootstrap/_normalize.scss */
b,
strong {
  font-weight: bold;
}
/* line 130, sass/bootstrap/_normalize.scss */
dfn {
  font-style: italic;
}
/* line 139, sass/bootstrap/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* line 148, sass/bootstrap/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}
/* line 157, sass/bootstrap/_normalize.scss */
small {
  font-size: 80%;
}
/* line 165, sass/bootstrap/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
/* line 173, sass/bootstrap/_normalize.scss */
sup {
  top: -0.5em;
}
/* line 177, sass/bootstrap/_normalize.scss */
sub {
  bottom: -0.25em;
}
/* line 188, sass/bootstrap/_normalize.scss */
img {
  border: 0;
}
/* line 196, sass/bootstrap/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}
/* line 207, sass/bootstrap/_normalize.scss */
figure {
  margin: 1em 40px;
}
/* line 215, sass/bootstrap/_normalize.scss */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
/* line 224, sass/bootstrap/_normalize.scss */
pre {
  overflow: auto;
}
/* line 232, sass/bootstrap/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* line 255, sass/bootstrap/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
/* line 269, sass/bootstrap/_normalize.scss */
button {
  overflow: visible;
}
/* line 280, sass/bootstrap/_normalize.scss */
button,
select {
  text-transform: none;
}
/* line 293, sass/bootstrap/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
/* line 305, sass/bootstrap/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}
/* line 314, sass/bootstrap/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* line 325, sass/bootstrap/_normalize.scss */
input {
  line-height: normal;
}
/* line 337, sass/bootstrap/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
/* line 349, sass/bootstrap/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/* line 359, sass/bootstrap/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* line 370, sass/bootstrap/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/* line 379, sass/bootstrap/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/* line 390, sass/bootstrap/_normalize.scss */
legend {
  border: 0;
  padding: 0;
}
/* line 399, sass/bootstrap/_normalize.scss */
textarea {
  overflow: auto;
}
/* line 408, sass/bootstrap/_normalize.scss */
optgroup {
  font-weight: bold;
}
/* line 419, sass/bootstrap/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* line 424, sass/bootstrap/_normalize.scss */
td,
th {
  padding: 0;
}
/* line 11, sass/bootstrap/_scaffolding.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 14, sass/bootstrap/_scaffolding.scss */
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 22, sass/bootstrap/_scaffolding.scss */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* line 27, sass/bootstrap/_scaffolding.scss */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
/* line 36, sass/bootstrap/_scaffolding.scss */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/* line 48, sass/bootstrap/_scaffolding.scss */
a {
  color: #337ab7;
  text-decoration: none;
}
/* line 52, sass/bootstrap/_scaffolding.scss */
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}
/* line 58, sass/bootstrap/_scaffolding.scss */
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* line 69, sass/bootstrap/_scaffolding.scss */
figure {
  margin: 0;
}
/* line 76, sass/bootstrap/_scaffolding.scss */
img {
  vertical-align: middle;
}
/* line 81, sass/bootstrap/_scaffolding.scss */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
/* line 86, sass/bootstrap/_scaffolding.scss */
.img-rounded {
  border-radius: 6px;
}
/* line 93, sass/bootstrap/_scaffolding.scss */
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
/* line 106, sass/bootstrap/_scaffolding.scss */
.img-circle {
  border-radius: 50%;
}
/* line 113, sass/bootstrap/_scaffolding.scss */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
/* line 125, sass/bootstrap/_scaffolding.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/* line 141, sass/bootstrap/_scaffolding.scss */
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* line 159, sass/bootstrap/_scaffolding.scss */
[role="button"] {
  cursor: pointer;
}
/* line 9, sass/bootstrap/_type.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .tools-row__heading, .h3, .rte-strike-heading, .section-top__title, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
/* line 16, sass/bootstrap/_type.scss */
h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small, .tools-row__heading small,
.h2 .small,
.tools-row__heading .small, .h3 small, .rte-strike-heading small, .section-top__title small,
.h3 .small,
.rte-strike-heading .small,
.section-top__title .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
  color: #777777;
}
/* line 24, sass/bootstrap/_type.scss */
h1, .h1,
h2, .h2, .tools-row__heading,
h3, .h3, .rte-strike-heading, .section-top__title {
  margin-top: 20px;
  margin-bottom: 10px;
}
/* line 30, sass/bootstrap/_type.scss */
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small, .tools-row__heading small,
.h2 .small,
.tools-row__heading .small,
h3 small,
h3 .small, .h3 small, .rte-strike-heading small, .section-top__title small,
.h3 .small,
.rte-strike-heading .small,
.section-top__title .small {
  font-size: 65%;
}
/* line 35, sass/bootstrap/_type.scss */
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 41, sass/bootstrap/_type.scss */
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}
/* line 47, sass/bootstrap/_type.scss */
h1, .h1 {
  font-size: 36px;
}
/* line 48, sass/bootstrap/_type.scss */
h2, .h2, .tools-row__heading {
  font-size: 30px;
}
/* line 49, sass/bootstrap/_type.scss */
h3, .h3, .rte-strike-heading, .section-top__title {
  font-size: 24px;
}
/* line 50, sass/bootstrap/_type.scss */
h4, .h4 {
  font-size: 18px;
}
/* line 51, sass/bootstrap/_type.scss */
h5, .h5 {
  font-size: 14px;
}
/* line 52, sass/bootstrap/_type.scss */
h6, .h6 {
  font-size: 12px;
}
/* line 58, sass/bootstrap/_type.scss */
p {
  margin: 0 0 10px;
}
/* line 62, sass/bootstrap/_type.scss */
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  /* line 62, sass/bootstrap/_type.scss */
  .lead {
    font-size: 21px;
  }
}
/* line 78, sass/bootstrap/_type.scss */
small,
.small {
  font-size: 85%;
}
/* line 83, sass/bootstrap/_type.scss */
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
/* line 90, sass/bootstrap/_type.scss */
.text-left {
  text-align: left;
}
/* line 91, sass/bootstrap/_type.scss */
.text-right {
  text-align: right;
}
/* line 92, sass/bootstrap/_type.scss */
.text-center {
  text-align: center;
}
/* line 93, sass/bootstrap/_type.scss */
.text-justify {
  text-align: justify;
}
/* line 94, sass/bootstrap/_type.scss */
.text-nowrap {
  white-space: nowrap;
}
/* line 97, sass/bootstrap/_type.scss */
.text-lowercase {
  text-transform: lowercase;
}
/* line 98, sass/bootstrap/_type.scss */
.text-uppercase, .initialism {
  text-transform: uppercase;
}
/* line 99, sass/bootstrap/_type.scss */
.text-capitalize {
  text-transform: capitalize;
}
/* line 102, sass/bootstrap/_type.scss */
.text-muted {
  color: #777777;
}
/* line 5, sass/bootstrap/mixins/_text-emphasis.scss */
.text-primary {
  color: #337ab7;
}
/* line 8, sass/bootstrap/mixins/_text-emphasis.scss */
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
/* line 5, sass/bootstrap/mixins/_text-emphasis.scss */
.text-success {
  color: #3c763d;
}
/* line 8, sass/bootstrap/mixins/_text-emphasis.scss */
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
/* line 5, sass/bootstrap/mixins/_text-emphasis.scss */
.text-info {
  color: #31708f;
}
/* line 8, sass/bootstrap/mixins/_text-emphasis.scss */
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
/* line 5, sass/bootstrap/mixins/_text-emphasis.scss */
.text-warning {
  color: #8a6d3b;
}
/* line 8, sass/bootstrap/mixins/_text-emphasis.scss */
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
/* line 5, sass/bootstrap/mixins/_text-emphasis.scss */
.text-danger {
  color: #a94442;
}
/* line 8, sass/bootstrap/mixins/_text-emphasis.scss */
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
/* line 119, sass/bootstrap/_type.scss */
.bg-primary {
  color: #fff;
}
/* line 5, sass/bootstrap/mixins/_background-variant.scss */
.bg-primary {
  background-color: #337ab7;
}
/* line 8, sass/bootstrap/mixins/_background-variant.scss */
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
/* line 5, sass/bootstrap/mixins/_background-variant.scss */
.bg-success {
  background-color: #dff0d8;
}
/* line 8, sass/bootstrap/mixins/_background-variant.scss */
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
/* line 5, sass/bootstrap/mixins/_background-variant.scss */
.bg-info {
  background-color: #d9edf7;
}
/* line 8, sass/bootstrap/mixins/_background-variant.scss */
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
/* line 5, sass/bootstrap/mixins/_background-variant.scss */
.bg-warning {
  background-color: #fcf8e3;
}
/* line 8, sass/bootstrap/mixins/_background-variant.scss */
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
/* line 5, sass/bootstrap/mixins/_background-variant.scss */
.bg-danger {
  background-color: #f2dede;
}
/* line 8, sass/bootstrap/mixins/_background-variant.scss */
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
/* line 138, sass/bootstrap/_type.scss */
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
/* line 149, sass/bootstrap/_type.scss */
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
/* line 153, sass/bootstrap/_type.scss */
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}
/* line 167, sass/bootstrap/_type.scss */
.list-unstyled, .page-nav-sub__list, .color-tabs__navs, .smart-tabs__navs, .smart-tabs-min__navs {
  padding-left: 0;
  list-style: none;
}
/* line 173, sass/bootstrap/_type.scss */
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
/* line 177, sass/bootstrap/_type.scss */
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
/* line 185, sass/bootstrap/_type.scss */
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
/* line 189, sass/bootstrap/_type.scss */
dt,
dd {
  line-height: 1.42857143;
}
/* line 193, sass/bootstrap/_type.scss */
dt {
  font-weight: 700;
}
/* line 196, sass/bootstrap/_type.scss */
dd {
  margin-left: 0;
}
/* line 14, sass/bootstrap/mixins/_clearfix.scss */
.dl-horizontal dd:before, .dl-horizontal dd:after {
  display: table;
  content: " ";
}
/* line 19, sass/bootstrap/mixins/_clearfix.scss */
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 211, sass/bootstrap/_type.scss */
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 218, sass/bootstrap/_type.scss */
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
/* line 230, sass/bootstrap/_type.scss */
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
/* line 235, sass/bootstrap/_type.scss */
.initialism {
  font-size: 90%;
}
/* line 241, sass/bootstrap/_type.scss */
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
/* line 250, sass/bootstrap/_type.scss */
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
/* line 257, sass/bootstrap/_type.scss */
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
/* line 265, sass/bootstrap/_type.scss */
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}
/* line 274, sass/bootstrap/_type.scss */
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
/* line 286, sass/bootstrap/_type.scss */
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
/* line 287, sass/bootstrap/_type.scss */
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}
/* line 294, sass/bootstrap/_type.scss */
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
/* line 10, sass/bootstrap/_grid.scss */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* line 14, sass/bootstrap/mixins/_clearfix.scss */
.container:before, .container:after {
  display: table;
  content: " ";
}
/* line 19, sass/bootstrap/mixins/_clearfix.scss */
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 10, sass/bootstrap/_grid.scss */
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  /* line 10, sass/bootstrap/_grid.scss */
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  /* line 10, sass/bootstrap/_grid.scss */
  .container {
    width: 1170px;
  }
}
/* line 30, sass/bootstrap/_grid.scss */
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* line 14, sass/bootstrap/mixins/_clearfix.scss */
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}
/* line 19, sass/bootstrap/mixins/_clearfix.scss */
.container-fluid:after {
  clear: both;
}
/* line 39, sass/bootstrap/_grid.scss */
.row {
  margin-right: -15px;
  margin-left: -15px;
}
/* line 14, sass/bootstrap/mixins/_clearfix.scss */
.row:before, .row:after {
  display: table;
  content: " ";
}
/* line 19, sass/bootstrap/mixins/_clearfix.scss */
.row:after {
  clear: both;
}
/* line 43, sass/bootstrap/_grid.scss */
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
/* line 47, sass/bootstrap/_grid.scss */
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
/* line 11, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
/* line 27, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-1 {
  width: 8.33333333%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-2 {
  width: 16.66666667%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-3 {
  width: 25%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-4 {
  width: 33.33333333%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-5 {
  width: 41.66666667%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-6 {
  width: 50%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-7 {
  width: 58.33333333%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-8 {
  width: 66.66666667%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-9 {
  width: 75%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-10 {
  width: 83.33333333%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-11 {
  width: 91.66666667%;
}
/* line 35, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-12 {
  width: 100%;
}
/* line 55, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-0 {
  right: auto;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-1 {
  right: 8.33333333%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-2 {
  right: 16.66666667%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-3 {
  right: 25%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-4 {
  right: 33.33333333%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-5 {
  right: 41.66666667%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-6 {
  right: 50%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-7 {
  right: 58.33333333%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-8 {
  right: 66.66666667%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-9 {
  right: 75%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-10 {
  right: 83.33333333%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-11 {
  right: 91.66666667%;
}
/* line 50, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-12 {
  right: 100%;
}
/* line 45, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-0 {
  left: auto;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-1 {
  left: 8.33333333%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-2 {
  left: 16.66666667%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-3 {
  left: 25%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-4 {
  left: 33.33333333%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-5 {
  left: 41.66666667%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-6 {
  left: 50%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-7 {
  left: 58.33333333%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-8 {
  left: 66.66666667%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-9 {
  left: 75%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-10 {
  left: 83.33333333%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-11 {
  left: 91.66666667%;
}
/* line 40, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-12 {
  left: 100%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-0 {
  margin-left: 0%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-3 {
  margin-left: 25%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-6 {
  margin-left: 50%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-9 {
  margin-left: 75%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
/* line 60, sass/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 768px) {
  /* line 27, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1 {
    width: 8.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-2 {
    width: 16.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-3 {
    width: 25%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-4 {
    width: 33.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-5 {
    width: 41.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-6 {
    width: 50%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-7 {
    width: 58.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-8 {
    width: 66.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-9 {
    width: 75%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-10 {
    width: 83.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-11 {
    width: 91.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-12 {
    width: 100%;
  }
  /* line 55, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-0 {
    right: auto;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-3 {
    right: 25%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-6 {
    right: 50%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-9 {
    right: 75%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-12 {
    right: 100%;
  }
  /* line 45, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-0 {
    left: auto;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-3 {
    left: 25%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-6 {
    left: 50%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-9 {
    left: 75%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-12 {
    left: 100%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  /* line 27, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-1 {
    width: 8.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-2 {
    width: 16.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-3 {
    width: 25%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-4 {
    width: 33.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-5 {
    width: 41.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-6 {
    width: 50%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-7 {
    width: 58.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-8 {
    width: 66.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-9 {
    width: 75%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-10 {
    width: 83.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-11 {
    width: 91.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-12 {
    width: 100%;
  }
  /* line 55, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-0 {
    right: auto;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-3 {
    right: 25%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-6 {
    right: 50%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-9 {
    right: 75%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-12 {
    right: 100%;
  }
  /* line 45, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-0 {
    left: auto;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-1 {
    left: 8.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-2 {
    left: 16.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-3 {
    left: 25%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-4 {
    left: 33.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-5 {
    left: 41.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-6 {
    left: 50%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-7 {
    left: 58.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-8 {
    left: 66.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-9 {
    left: 75%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-10 {
    left: 83.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-11 {
    left: 91.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-12 {
    left: 100%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-0 {
    margin-left: 0%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-3 {
    margin-left: 25%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-6 {
    margin-left: 50%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-9 {
    margin-left: 75%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  /* line 27, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1 {
    width: 8.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-2 {
    width: 16.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-3 {
    width: 25%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-4 {
    width: 33.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-5 {
    width: 41.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-6 {
    width: 50%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-7 {
    width: 58.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-8 {
    width: 66.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-9 {
    width: 75%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-10 {
    width: 83.33333333%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-11 {
    width: 91.66666667%;
  }
  /* line 35, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-12 {
    width: 100%;
  }
  /* line 55, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-0 {
    right: auto;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-3 {
    right: 25%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-6 {
    right: 50%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-9 {
    right: 75%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  /* line 50, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-12 {
    right: 100%;
  }
  /* line 45, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-0 {
    left: auto;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-3 {
    left: 25%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-6 {
    left: 50%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-9 {
    left: 75%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  /* line 40, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-12 {
    left: 100%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  /* line 60, sass/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
/* line 6, sass/bootstrap/_tables.scss */
table {
  background-color: transparent;
}
/* line 13, sass/bootstrap/_tables.scss */
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
/* line 21, sass/bootstrap/_tables.scss */
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
/* line 29, sass/bootstrap/_tables.scss */
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
/* line 36, sass/bootstrap/_tables.scss */
th {
  text-align: left;
}
/* line 43, sass/bootstrap/_tables.scss */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
/* line 52, sass/bootstrap/_tables.scss */
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
/* line 62, sass/bootstrap/_tables.scss */
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
/* line 71, sass/bootstrap/_tables.scss */
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
/* line 78, sass/bootstrap/_tables.scss */
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
/* line 83, sass/bootstrap/_tables.scss */
.table .table {
  background-color: #fff;
}
/* line 96, sass/bootstrap/_tables.scss */
.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
/* line 109, sass/bootstrap/_tables.scss */
.table-bordered {
  border: 1px solid #ddd;
}
/* line 115, sass/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
/* line 122, sass/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
/* line 135, sass/bootstrap/_tables.scss */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
/* line 146, sass/bootstrap/_tables.scss */
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
/* line 9, sass/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
/* line 20, sass/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
/* line 9, sass/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
/* line 20, sass/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
/* line 9, sass/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
/* line 20, sass/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
/* line 9, sass/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
/* line 20, sass/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
/* line 9, sass/bootstrap/mixins/_table-row.scss */
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
/* line 20, sass/bootstrap/mixins/_table-row.scss */
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
/* line 171, sass/bootstrap/_tables.scss */
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  /* line 171, sass/bootstrap/_tables.scss */
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  /* line 183, sass/bootstrap/_tables.scss */
  .table-responsive > .table {
    margin-bottom: 0;
  }
  /* line 191, sass/bootstrap/_tables.scss */
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  /* line 200, sass/bootstrap/_tables.scss */
  .table-responsive > .table-bordered {
    border: 0;
  }
  /* line 208, sass/bootstrap/_tables.scss */
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  /* line 212, sass/bootstrap/_tables.scss */
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  /* line 225, sass/bootstrap/_tables.scss */
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
/* line 10, sass/bootstrap/_forms.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
/* line 20, sass/bootstrap/_forms.scss */
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
/* line 32, sass/bootstrap/_forms.scss */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
/* line 46, sass/bootstrap/_forms.scss */
input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 61, sass/bootstrap/_forms.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
/* line 71, sass/bootstrap/_forms.scss */
input[type="radio"][disabled], input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}
/* line 78, sass/bootstrap/_forms.scss */
input[type="file"] {
  display: block;
}
/* line 83, sass/bootstrap/_forms.scss */
input[type="range"] {
  display: block;
  width: 100%;
}
/* line 89, sass/bootstrap/_forms.scss */
select[multiple],
select[size] {
  height: auto;
}
/* line 95, sass/bootstrap/_forms.scss */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* line 102, sass/bootstrap/_forms.scss */
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
/* line 133, sass/bootstrap/_forms.scss */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}
/* line 57, sass/bootstrap/mixins/_forms.scss */
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* line 103, sass/bootstrap/mixins/_vendor-prefixes.scss */
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
/* line 107, sass/bootstrap/mixins/_vendor-prefixes.scss */
.form-control:-ms-input-placeholder {
  color: #999;
}
/* line 108, sass/bootstrap/mixins/_vendor-prefixes.scss */
.form-control::-webkit-input-placeholder {
  color: #999;
}
/* line 155, sass/bootstrap/_forms.scss */
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
/* line 165, sass/bootstrap/_forms.scss */
.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
/* line 172, sass/bootstrap/_forms.scss */
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
/* line 181, sass/bootstrap/_forms.scss */
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 200, sass/bootstrap/_forms.scss */
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  /* line 204, sass/bootstrap/_forms.scss */
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"], .input-group-sm > .input-group-btn > input.fileinput-button[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm > .input-group-btn > input.fileinput-button[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.fileinput-button[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm > .input-group-btn > input.fileinput-button[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px;
  }
  /* line 209, sass/bootstrap/_forms.scss */
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"], .input-group-lg > .input-group-btn > input.fileinput-button[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg > .input-group-btn > input.fileinput-button[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.fileinput-button[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg > .input-group-btn > input.fileinput-button[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px;
  }
}
/* line 222, sass/bootstrap/_forms.scss */
.form-group {
  margin-bottom: 15px;
}
/* line 231, sass/bootstrap/_forms.scss */
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 241, sass/bootstrap/_forms.scss */
.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}
/* line 246, sass/bootstrap/_forms.scss */
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
/* line 254, sass/bootstrap/_forms.scss */
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
/* line 263, sass/bootstrap/_forms.scss */
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
/* line 269, sass/bootstrap/_forms.scss */
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
/* line 280, sass/bootstrap/_forms.scss */
.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed;
}
/* line 285, sass/bootstrap/_forms.scss */
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
/* line 297, sass/bootstrap/_forms.scss */
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
/* line 305, sass/bootstrap/_forms.scss */
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-lg > .input-group-btn > .form-control-static.fileinput-button, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .input-group-sm > .input-group-btn > .form-control-static.fileinput-button {
  padding-right: 0;
  padding-left: 0;
}
/* line 71, sass/bootstrap/mixins/_forms.scss */
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn, .input-group-sm > .input-group-btn > .fileinput-button {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/* line 79, sass/bootstrap/mixins/_forms.scss */
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn, .input-group-sm > .input-group-btn > select.fileinput-button {
  height: 30px;
  line-height: 30px;
}
/* line 84, sass/bootstrap/mixins/_forms.scss */
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > .input-group-btn > textarea.fileinput-button,
select[multiple].input-sm,
.input-group-sm > select.form-control[multiple],
.input-group-sm > select.input-group-addon[multiple],
.input-group-sm > .input-group-btn > select.btn[multiple],
.input-group-sm > .input-group-btn > select.fileinput-button[multiple] {
  height: auto;
}
/* line 323, sass/bootstrap/_forms.scss */
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/* line 330, sass/bootstrap/_forms.scss */
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
/* line 334, sass/bootstrap/_forms.scss */
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
/* line 338, sass/bootstrap/_forms.scss */
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
/* line 71, sass/bootstrap/mixins/_forms.scss */
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn, .input-group-lg > .input-group-btn > .fileinput-button {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
/* line 79, sass/bootstrap/mixins/_forms.scss */
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn, .input-group-lg > .input-group-btn > select.fileinput-button {
  height: 46px;
  line-height: 46px;
}
/* line 84, sass/bootstrap/mixins/_forms.scss */
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > .input-group-btn > textarea.fileinput-button,
select[multiple].input-lg,
.input-group-lg > select.form-control[multiple],
.input-group-lg > select.input-group-addon[multiple],
.input-group-lg > .input-group-btn > select.btn[multiple],
.input-group-lg > .input-group-btn > select.fileinput-button[multiple] {
  height: auto;
}
/* line 349, sass/bootstrap/_forms.scss */
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
/* line 356, sass/bootstrap/_forms.scss */
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
/* line 360, sass/bootstrap/_forms.scss */
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
/* line 364, sass/bootstrap/_forms.scss */
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
/* line 378, sass/bootstrap/_forms.scss */
.has-feedback {
  position: relative;
}
/* line 383, sass/bootstrap/_forms.scss */
.has-feedback .form-control {
  padding-right: 42.5px;
}
/* line 388, sass/bootstrap/_forms.scss */
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
/* line 400, sass/bootstrap/_forms.scss */
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg > .input-group-btn > .fileinput-button + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
/* line 407, sass/bootstrap/_forms.scss */
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm > .input-group-btn > .fileinput-button + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
/* line 8, sass/bootstrap/mixins/_forms.scss */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
/* line 21, sass/bootstrap/mixins/_forms.scss */
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 24, sass/bootstrap/mixins/_forms.scss */
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
/* line 31, sass/bootstrap/mixins/_forms.scss */
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
/* line 37, sass/bootstrap/mixins/_forms.scss */
.has-success .form-control-feedback {
  color: #3c763d;
}
/* line 8, sass/bootstrap/mixins/_forms.scss */
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
/* line 21, sass/bootstrap/mixins/_forms.scss */
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 24, sass/bootstrap/mixins/_forms.scss */
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
/* line 31, sass/bootstrap/mixins/_forms.scss */
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
/* line 37, sass/bootstrap/mixins/_forms.scss */
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
/* line 8, sass/bootstrap/mixins/_forms.scss */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
/* line 21, sass/bootstrap/mixins/_forms.scss */
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 24, sass/bootstrap/mixins/_forms.scss */
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
/* line 31, sass/bootstrap/mixins/_forms.scss */
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
/* line 37, sass/bootstrap/mixins/_forms.scss */
.has-error .form-control-feedback {
  color: #a94442;
}
/* line 429, sass/bootstrap/_forms.scss */
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
/* line 432, sass/bootstrap/_forms.scss */
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
/* line 443, sass/bootstrap/_forms.scss */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  /* line 468, sass/bootstrap/_forms.scss */
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 475, sass/bootstrap/_forms.scss */
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  /* line 482, sass/bootstrap/_forms.scss */
  .form-inline .form-control-static {
    display: inline-block;
  }
  /* line 486, sass/bootstrap/_forms.scss */
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  /* line 490, sass/bootstrap/_forms.scss */
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  /* line 498, sass/bootstrap/_forms.scss */
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  /* line 502, sass/bootstrap/_forms.scss */
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 509, sass/bootstrap/_forms.scss */
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 516, sass/bootstrap/_forms.scss */
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  /* line 520, sass/bootstrap/_forms.scss */
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  /* line 527, sass/bootstrap/_forms.scss */
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
/* line 549, sass/bootstrap/_forms.scss */
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 559, sass/bootstrap/_forms.scss */
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
/* line 565, sass/bootstrap/_forms.scss */
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
/* line 14, sass/bootstrap/mixins/_clearfix.scss */
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}
/* line 19, sass/bootstrap/mixins/_clearfix.scss */
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  /* line 572, sass/bootstrap/_forms.scss */
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
/* line 583, sass/bootstrap/_forms.scss */
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  /* line 593, sass/bootstrap/_forms.scss */
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  /* line 601, sass/bootstrap/_forms.scss */
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
/* line 9, sass/bootstrap/_buttons.scss */
.btn, .fileinput-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* line 26, sass/bootstrap/_buttons.scss */
.btn:focus, .fileinput-button:focus, .btn.focus, .focus.fileinput-button, .btn:active:focus, .fileinput-button:active:focus, .btn:active.focus, .fileinput-button:active.focus, .btn.active:focus, .active.fileinput-button:focus, .btn.active.focus, .active.focus.fileinput-button {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
/* line 32, sass/bootstrap/_buttons.scss */
.btn:hover, .fileinput-button:hover, .btn:focus, .fileinput-button:focus, .btn.focus, .focus.fileinput-button {
  color: #333;
  text-decoration: none;
}
/* line 39, sass/bootstrap/_buttons.scss */
.btn:active, .fileinput-button:active, .btn.active, .active.fileinput-button {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* line 46, sass/bootstrap/_buttons.scss */
.btn.disabled, .disabled.fileinput-button, .btn[disabled], .fileinput-button[disabled],
fieldset[disabled] .btn,
fieldset[disabled] .fileinput-button {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 58, sass/bootstrap/_buttons.scss */
a.btn.disabled, a.disabled.fileinput-button,
fieldset[disabled] a.btn,
fieldset[disabled] a.fileinput-button {
  pointer-events: none;
}
/* line 68, sass/bootstrap/_buttons.scss */
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
/* line 11, sass/bootstrap/mixins/_buttons.scss */
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e5e5;
  border-color: #8c8c8c;
}
/* line 17, sass/bootstrap/mixins/_buttons.scss */
.btn-default:hover {
  color: #333;
  background-color: #e6e5e5;
  border-color: #adadad;
}
/* line 22, sass/bootstrap/mixins/_buttons.scss */
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e5e5;
  background-image: none;
  border-color: #adadad;
}
/* line 30, sass/bootstrap/mixins/_buttons.scss */
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
/* line 41, sass/bootstrap/mixins/_buttons.scss */
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
/* line 49, sass/bootstrap/mixins/_buttons.scss */
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
/* line 71, sass/bootstrap/_buttons.scss */
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
/* line 11, sass/bootstrap/mixins/_buttons.scss */
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
/* line 17, sass/bootstrap/mixins/_buttons.scss */
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
/* line 22, sass/bootstrap/mixins/_buttons.scss */
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
/* line 30, sass/bootstrap/mixins/_buttons.scss */
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
/* line 41, sass/bootstrap/mixins/_buttons.scss */
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
/* line 49, sass/bootstrap/mixins/_buttons.scss */
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
/* line 75, sass/bootstrap/_buttons.scss */
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
/* line 11, sass/bootstrap/mixins/_buttons.scss */
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
/* line 17, sass/bootstrap/mixins/_buttons.scss */
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
/* line 22, sass/bootstrap/mixins/_buttons.scss */
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
/* line 30, sass/bootstrap/mixins/_buttons.scss */
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
/* line 41, sass/bootstrap/mixins/_buttons.scss */
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
/* line 49, sass/bootstrap/mixins/_buttons.scss */
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
/* line 79, sass/bootstrap/_buttons.scss */
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
/* line 11, sass/bootstrap/mixins/_buttons.scss */
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
/* line 17, sass/bootstrap/mixins/_buttons.scss */
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
/* line 22, sass/bootstrap/mixins/_buttons.scss */
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
/* line 30, sass/bootstrap/mixins/_buttons.scss */
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
/* line 41, sass/bootstrap/mixins/_buttons.scss */
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
/* line 49, sass/bootstrap/mixins/_buttons.scss */
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
/* line 83, sass/bootstrap/_buttons.scss */
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
/* line 11, sass/bootstrap/mixins/_buttons.scss */
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
/* line 17, sass/bootstrap/mixins/_buttons.scss */
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
/* line 22, sass/bootstrap/mixins/_buttons.scss */
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
/* line 30, sass/bootstrap/mixins/_buttons.scss */
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
/* line 41, sass/bootstrap/mixins/_buttons.scss */
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
/* line 49, sass/bootstrap/mixins/_buttons.scss */
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
/* line 87, sass/bootstrap/_buttons.scss */
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
/* line 11, sass/bootstrap/mixins/_buttons.scss */
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
/* line 17, sass/bootstrap/mixins/_buttons.scss */
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
/* line 22, sass/bootstrap/mixins/_buttons.scss */
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
/* line 30, sass/bootstrap/mixins/_buttons.scss */
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
/* line 41, sass/bootstrap/mixins/_buttons.scss */
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
/* line 49, sass/bootstrap/mixins/_buttons.scss */
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
/* line 96, sass/bootstrap/_buttons.scss */
.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
/* line 101, sass/bootstrap/_buttons.scss */
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 109, sass/bootstrap/_buttons.scss */
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
/* line 115, sass/bootstrap/_buttons.scss */
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
/* line 123, sass/bootstrap/_buttons.scss */
.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
/* line 135, sass/bootstrap/_buttons.scss */
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
/* line 139, sass/bootstrap/_buttons.scss */
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/* line 143, sass/bootstrap/_buttons.scss */
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
/* line 151, sass/bootstrap/_buttons.scss */
.btn-block {
  display: block;
  width: 100%;
}
/* line 157, sass/bootstrap/_buttons.scss */
.btn-block + .btn-block {
  margin-top: 5px;
}
/* line 165, sass/bootstrap/_buttons.scss */
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
/* line 10, sass/bootstrap/_component-animations.scss */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
/* line 14, sass/bootstrap/_component-animations.scss */
.fade.in {
  opacity: 1;
}
/* line 19, sass/bootstrap/_component-animations.scss */
.collapse {
  display: none;
}
/* line 22, sass/bootstrap/_component-animations.scss */
.collapse.in {
  display: block;
}
/* line 27, sass/bootstrap/_component-animations.scss */
tr.collapse.in {
  display: table-row;
}
/* line 29, sass/bootstrap/_component-animations.scss */
tbody.collapse.in {
  display: table-row-group;
}
/* line 31, sass/bootstrap/_component-animations.scss */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
/* line 7, sass/bootstrap/_input-groups.scss */
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
/* line 13, sass/bootstrap/_input-groups.scss */
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
/* line 19, sass/bootstrap/_input-groups.scss */
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
/* line 33, sass/bootstrap/_input-groups.scss */
.input-group .form-control:focus {
  z-index: 3;
}
/* line 58, sass/bootstrap/_input-groups.scss */
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
/* line 63, sass/bootstrap/_input-groups.scss */
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
/* line 68, sass/bootstrap/_input-groups.scss */
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
/* line 77, sass/bootstrap/_input-groups.scss */
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* line 89, sass/bootstrap/_input-groups.scss */
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn, .input-group-sm > .input-group-btn > .input-group-addon.fileinput-button {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
/* line 94, sass/bootstrap/_input-groups.scss */
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn, .input-group-lg > .input-group-btn > .input-group-addon.fileinput-button {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
/* line 101, sass/bootstrap/_input-groups.scss */
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
/* line 108, sass/bootstrap/_input-groups.scss */
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .fileinput-button,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .btn-group > .fileinput-button,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .fileinput-button:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn-group:not(:last-child) > .fileinput-button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 117, sass/bootstrap/_input-groups.scss */
.input-group-addon:first-child {
  border-right: 0;
}
/* line 120, sass/bootstrap/_input-groups.scss */
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .fileinput-button,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .btn-group > .fileinput-button,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .fileinput-button:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn-group:not(:first-child) > .fileinput-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 129, sass/bootstrap/_input-groups.scss */
.input-group-addon:last-child {
  border-left: 0;
}
/* line 135, sass/bootstrap/_input-groups.scss */
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
/* line 144, sass/bootstrap/_input-groups.scss */
.input-group-btn > .btn, .input-group-btn > .fileinput-button {
  position: relative;
}
/* line 146, sass/bootstrap/_input-groups.scss */
.input-group-btn > .btn + .btn, .input-group-btn > .fileinput-button + .btn, .input-group-btn > .btn + .fileinput-button, .input-group-btn > .fileinput-button + .fileinput-button {
  margin-left: -1px;
}
/* line 150, sass/bootstrap/_input-groups.scss */
.input-group-btn > .btn:hover, .input-group-btn > .fileinput-button:hover, .input-group-btn > .btn:focus, .input-group-btn > .fileinput-button:focus, .input-group-btn > .btn:active, .input-group-btn > .fileinput-button:active {
  z-index: 2;
}
/* line 159, sass/bootstrap/_input-groups.scss */
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .fileinput-button,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
/* line 165, sass/bootstrap/_input-groups.scss */
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .fileinput-button,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
/* line 5, sass/bootstrap/_labels.scss */
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
/* line 20, sass/bootstrap/_labels.scss */
.label:empty {
  display: none;
}
/* line 25, sass/bootstrap/_labels.scss */
.btn .label, .fileinput-button .label {
  position: relative;
  top: -1px;
}
/* line 33, sass/bootstrap/_labels.scss */
a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
/* line 44, sass/bootstrap/_labels.scss */
.label-default {
  background-color: #777777;
}
/* line 7, sass/bootstrap/mixins/_labels.scss */
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e;
}
/* line 48, sass/bootstrap/_labels.scss */
.label-primary {
  background-color: #337ab7;
}
/* line 7, sass/bootstrap/mixins/_labels.scss */
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090;
}
/* line 52, sass/bootstrap/_labels.scss */
.label-success {
  background-color: #5cb85c;
}
/* line 7, sass/bootstrap/mixins/_labels.scss */
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}
/* line 56, sass/bootstrap/_labels.scss */
.label-info {
  background-color: #5bc0de;
}
/* line 7, sass/bootstrap/mixins/_labels.scss */
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}
/* line 60, sass/bootstrap/_labels.scss */
.label-warning {
  background-color: #f0ad4e;
}
/* line 7, sass/bootstrap/mixins/_labels.scss */
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f;
}
/* line 64, sass/bootstrap/_labels.scss */
.label-danger {
  background-color: #d9534f;
}
/* line 7, sass/bootstrap/mixins/_labels.scss */
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c;
}
/* line 1, sass/bootstrap/_media.scss */
.media {
  margin-top: 15px;
}
/* line 5, sass/bootstrap/_media.scss */
.media:first-child {
  margin-top: 0;
}
/* line 10, sass/bootstrap/_media.scss */
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
/* line 16, sass/bootstrap/_media.scss */
.media-body {
  width: 10000px;
}
/* line 20, sass/bootstrap/_media.scss */
.media-object {
  display: block;
}
/* line 24, sass/bootstrap/_media.scss */
.media-object.img-thumbnail {
  max-width: none;
}
/* line 29, sass/bootstrap/_media.scss */
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
/* line 34, sass/bootstrap/_media.scss */
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
/* line 39, sass/bootstrap/_media.scss */
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
/* line 46, sass/bootstrap/_media.scss */
.media-middle {
  vertical-align: middle;
}
/* line 50, sass/bootstrap/_media.scss */
.media-bottom {
  vertical-align: bottom;
}
/* line 55, sass/bootstrap/_media.scss */
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
/* line 63, sass/bootstrap/_media.scss */
.media-list {
  padding-left: 0;
  list-style: none;
}
/* line 5, sass/bootstrap/_responsive-embed.scss */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
/* line 12, sass/bootstrap/_responsive-embed.scss */
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/* line 28, sass/bootstrap/_responsive-embed.scss */
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
/* line 33, sass/bootstrap/_responsive-embed.scss */
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
/* line 14, sass/bootstrap/mixins/_clearfix.scss */
.clearfix:before, .ckec:before,
.cke_editable:before, .captcha-group:before, .slick-slider:before, .rte-tpl:before,
.rte-template:before, .rte-bg-text__img-w:before, .tools-row:before, .detail-nav__wrap:before, .bg-tag:before, .searcher__title:before, .header__top:before, .page-content:before, .stick-btn-wrap:before, .newslhl__btn-grp:before, .clearfix:after, .ckec:after,
.cke_editable:after, .captcha-group:after, .slick-slider:after, .rte-tpl:after,
.rte-template:after, .rte-bg-text__img-w:after, .tools-row:after, .detail-nav__wrap:after, .bg-tag:after, .searcher__title:after, .header__top:after, .page-content:after, .stick-btn-wrap:after, .newslhl__btn-grp:after {
  display: table;
  content: " ";
}
/* line 19, sass/bootstrap/mixins/_clearfix.scss */
.clearfix:after, .ckec:after,
.cke_editable:after, .captcha-group:after, .slick-slider:after, .rte-tpl:after,
.rte-template:after, .rte-bg-text__img-w:after, .tools-row:after, .detail-nav__wrap:after, .bg-tag:after, .searcher__title:after, .header__top:after, .page-content:after, .stick-btn-wrap:after, .newslhl__btn-grp:after {
  clear: both;
}
/* line 12, sass/bootstrap/_utilities.scss */
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
/* line 15, sass/bootstrap/_utilities.scss */
.pull-right {
  float: right !important;
}
/* line 18, sass/bootstrap/_utilities.scss */
.pull-left {
  float: left !important;
}
/* line 27, sass/bootstrap/_utilities.scss */
.hide {
  display: none !important;
}
/* line 30, sass/bootstrap/_utilities.scss */
.show {
  display: block !important;
}
/* line 33, sass/bootstrap/_utilities.scss */
.invisible {
  visibility: hidden;
}
/* line 36, sass/bootstrap/_utilities.scss */
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
/* line 45, sass/bootstrap/_utilities.scss */
.hidden {
  display: none !important;
}
/* line 53, sass/bootstrap/_utilities.scss */
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
/* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
.visible-xs {
  display: none !important;
}
/* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
.visible-sm {
  display: none !important;
}
/* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
.visible-md {
  display: none !important;
}
/* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
.visible-lg {
  display: none !important;
}
/* line 36, sass/bootstrap/_responsive-utilities.scss */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  /* line 3, sass/bootstrap/mixins/_responsive-visibility.scss */
  .visible-xs {
    display: block !important;
  }
  /* line 6, sass/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-xs {
    display: table !important;
  }
  /* line 7, sass/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-xs {
    display: table-row !important;
  }
  /* line 8, sass/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  /* line 54, sass/bootstrap/_responsive-utilities.scss */
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  /* line 59, sass/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  /* line 64, sass/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 3, sass/bootstrap/mixins/_responsive-visibility.scss */
  .visible-sm {
    display: block !important;
  }
  /* line 6, sass/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-sm {
    display: table !important;
  }
  /* line 7, sass/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-sm {
    display: table-row !important;
  }
  /* line 8, sass/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 73, sass/bootstrap/_responsive-utilities.scss */
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 78, sass/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 83, sass/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 3, sass/bootstrap/mixins/_responsive-visibility.scss */
  .visible-md {
    display: block !important;
  }
  /* line 6, sass/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-md {
    display: table !important;
  }
  /* line 7, sass/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-md {
    display: table-row !important;
  }
  /* line 8, sass/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 92, sass/bootstrap/_responsive-utilities.scss */
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 97, sass/bootstrap/_responsive-utilities.scss */
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 102, sass/bootstrap/_responsive-utilities.scss */
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  /* line 3, sass/bootstrap/mixins/_responsive-visibility.scss */
  .visible-lg {
    display: block !important;
  }
  /* line 6, sass/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-lg {
    display: table !important;
  }
  /* line 7, sass/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-lg {
    display: table-row !important;
  }
  /* line 8, sass/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  /* line 111, sass/bootstrap/_responsive-utilities.scss */
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  /* line 116, sass/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  /* line 121, sass/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  /* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  /* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-lg {
    display: none !important;
  }
}
/* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
.visible-print {
  display: none !important;
}
@media print {
  /* line 3, sass/bootstrap/mixins/_responsive-visibility.scss */
  .visible-print {
    display: block !important;
  }
  /* line 6, sass/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-print {
    display: table !important;
  }
  /* line 7, sass/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-print {
    display: table-row !important;
  }
  /* line 8, sass/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
/* line 155, sass/bootstrap/_responsive-utilities.scss */
.visible-print-block {
  display: none !important;
}
@media print {
  /* line 155, sass/bootstrap/_responsive-utilities.scss */
  .visible-print-block {
    display: block !important;
  }
}
/* line 162, sass/bootstrap/_responsive-utilities.scss */
.visible-print-inline {
  display: none !important;
}
@media print {
  /* line 162, sass/bootstrap/_responsive-utilities.scss */
  .visible-print-inline {
    display: inline !important;
  }
}
/* line 169, sass/bootstrap/_responsive-utilities.scss */
.visible-print-inline-block {
  display: none !important;
}
@media print {
  /* line 169, sass/bootstrap/_responsive-utilities.scss */
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  /* line 14, sass/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-print {
    display: none !important;
  }
}
/* Custom Styles
=======================================*/
/* fix inline block */
/* fix inline flex */
/* hide the text content  http://nicolasgallagher.com/another-css-image-replacement-technique/ */
/* dom opacity */
/* set background opacity */
/* Vertically align */
/* fix png issue with ie7&ie8 */
/* Placeholder */
/* Triangle - @include triangle(12px, 6px, #ff0000, down); */
/* @include svg_bg(inline/icon-x, 50px); */
/* Calculate fluid ratio based on two dimensions (width/height)  @include fluid-ratio(800px 200px, 300px 150px);
http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect-ratios
*/
/* @include pseudo(before, 10px, 10px); */
/* @include accelerate(transform); */
/* CSS3 Variables --var
=======================================*/
/* line 3, sass/base/_var.scss */
:root {
  --js-scbar: 15px;
  --js-scbar-half: 7.5px;
}
/* SASS Variables
=======================================*/
/* Colors Set
=======================================*/
/* bg heading Colors
=======================================*/
/* GUI Colors
=======================================*/
/* Table Color */
/* BreakPoints
=======================================*/
/* Medium Desktop */
/* Small desktop  */
/* Tablet */
/* Mobile */
/* Mobile 575px */
/* Mobile 320px */
/* line 1, sass/generic/_projectclass.scss */
.no-scroll {
  overflow: hidden;
}
/* line 4, sass/generic/_projectclass.scss */
.no-scroll body {
  overflow: hidden;
  position: relative;
}
/* Fade image in after load */
/* line 11, sass/generic/_projectclass.scss */
.lazyload,
.lazyloading {
  opacity: 0;
}
/* line 16, sass/generic/_projectclass.scss */
.lazyloaded {
  opacity: 1;
}
/* line 21, sass/generic/_projectclass.scss */
.cover-img {
  background: no-repeat center center;
  background-size: cover;
}
/* line 26, sass/generic/_projectclass.scss */
img {
  image-rendering: -webkit-optimize-contrast;
}
/* IE8 */
/* rotation=1 -> 90 degree */
/* Media Query check by js */
/* line 38, sass/generic/_projectclass.scss */
.query-crt {
  display: none;
  visibility: hidden;
  position: absolute;
}
/* Large Desktop */
@media (min-width: 1200px) {
  /* line 46, sass/generic/_projectclass.scss */
  .query-crt-wide {
    display: block;
  }
}
/* Desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 53, sass/generic/_projectclass.scss */
  .query-crt-desktop {
    display: block;
  }
}
/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  /* line 60, sass/generic/_projectclass.scss */
  .query-crt-tablet {
    display: block;
  }
}
/* Mobile */
@media (max-width: 767px) {
  /* line 67, sass/generic/_projectclass.scss */
  .query-crt-mobile {
    display: block;
  }
}
@font-face {
  font-family: 'PingFangTC';
  font-weight: 800;
  src: local("PingFangTC-Heavy"), local("PingFang TC Heavy");
}
@font-face {
  font-family: 'Microsoft JhengHei revise';
  unicode-range: U+7db0, U+78A7, U+7B75;
  /* ASCII (碧筵綰) */
  src: local("Microsoft JhengHei");
}
@font-face {
  font-family: 'PingFangTC';
  font-weight: 700;
  src: local("PingFangTC-Semibold"), local("PingFang TC Semibold");
}
@font-face {
  font-family: 'PingFangTC';
  font-weight: 500;
  src: local("PingFangTC-Medium"), local("PingFang TC Medium");
}
@font-face {
  font-family: 'PingFangTC';
  font-weight: 400;
  src: local("PingFangTC-Regular"), local("PingFang TC Regular");
}
@font-face {
  font-family: 'PingFangTC';
  font-weight: 300;
  src: local("PingFangTC-Light"), local("PingFang TC Light");
}
@font-face {
  font-family: 'PingFangSC';
  font-weight: 800;
  src: local("PingFangSC-Heavy"), local("PingFang SC Heavy");
}
@font-face {
  font-family: 'PingFangSC';
  font-weight: 700;
  src: local("PingFangSC-Semibold"), local("PingFang SC Semibold");
}
@font-face {
  font-family: 'PingFangSC';
  font-weight: 500;
  src: local("PingFangSC-Medium"), local("PingFang SC Medium");
}
@font-face {
  font-family: 'PingFangSC';
  font-weight: 400;
  src: local("PingFangSC-Regular"), local("PingFang SC Regular");
}
@font-face {
  font-family: 'PingFangSC';
  font-weight: 300;
  src: local("PingFangSC-Light"), local("PingFang SC Light");
}
@font-face {
  font-family: 'opensans';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-regular-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-regular-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-regular-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-regular-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'opensans';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bold-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bold-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bold-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bold-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'opensans';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-italic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-italic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-italic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-italic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-italic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'opensans';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-light-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-light-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-light-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-light-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'opensans';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-lightitalic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-lightitalic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-lightitalic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-lightitalic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-lightitalic-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'opensans';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bolditalic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bolditalic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bolditalic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bolditalic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-bolditalic-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'opensans';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-semibold-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-semibold-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-semibold-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-semibold-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/opensans-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-regular-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-regular-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-regular-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-regular-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-regular-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bold-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bold-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bold-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bold-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bold-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bolditalic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bolditalic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bolditalic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bolditalic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-bolditalic-webfont.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-italic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-italic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-italic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-italic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-italic-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-light-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-light-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-light-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-light-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-light-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-lightitalic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-lightitalic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-lightitalic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-lightitalic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-lightitalic-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-medium-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-medium-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-medium-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-medium-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-medium-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-mediumitalic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-mediumitalic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-mediumitalic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-mediumitalic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-mediumitalic-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibold-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibold-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibold-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibold-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'raleway';
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibolditalic-webfont.eot");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibolditalic-webfont.eot#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibolditalic-webfont.woff2") format("woff2"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibolditalic-webfont.woff") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/raleway-semibolditalic-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: block;
}
/* Icons
=======================================*/
/* line 6, sass/fonts/_icon.scss */
.ico:not(.ico-unique-path) > [class*=path]:before {
  color: inherit !important;
}
@font-face {
  font-family: "icomoon";
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/icomoon/icomoon.eot?kx33wr");
  src: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/icomoon/icomoon.eot?kx33wr#iefix") format("embedded-opentype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/icomoon/icomoon.ttf?kx33wr") format("truetype"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/icomoon/icomoon.woff?kx33wr") format("woff"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/fonts/icomoon/icomoon.svg?kx33wr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 14, sass/fonts/icomoon/style.scss */
[class^="ico--"], [class*=" ico--"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 30, sass/fonts/icomoon/style.scss */
.ico--expand:before {
  content: "";
}
/* line 35, sass/fonts/icomoon/style.scss */
.ico--instagram:before {
  content: "";
}
/* line 40, sass/fonts/icomoon/style.scss */
.ico--weibo:before {
  content: "";
}
/* line 45, sass/fonts/icomoon/style.scss */
.ico--linkedin:before {
  content: "";
}
/* line 50, sass/fonts/icomoon/style.scss */
.ico--clipboard:before {
  content: "";
}
/* line 55, sass/fonts/icomoon/style.scss */
.ico--g-plus:before {
  content: "";
}
/* line 60, sass/fonts/icomoon/style.scss */
.ico--whatsapp:before {
  content: "";
}
/* line 65, sass/fonts/icomoon/style.scss */
.ico--fb:before {
  content: "";
}
/* line 70, sass/fonts/icomoon/style.scss */
.ico--twitter:before {
  content: "";
}
/* line 75, sass/fonts/icomoon/style.scss */
.ico--home:before {
  content: "";
}
/* line 80, sass/fonts/icomoon/style.scss */
.ico--images:before {
  content: "";
}
/* line 85, sass/fonts/icomoon/style.scss */
.ico--book:before {
  content: "";
}
/* line 90, sass/fonts/icomoon/style.scss */
.ico--files-empty:before {
  content: "";
}
/* line 95, sass/fonts/icomoon/style.scss */
.ico--file-text:before {
  content: "";
}
/* line 100, sass/fonts/icomoon/style.scss */
.ico--file-picture:before {
  content: "";
}
/* line 105, sass/fonts/icomoon/style.scss */
.ico--file-music:before {
  content: "";
}
/* line 110, sass/fonts/icomoon/style.scss */
.ico--file-play:before {
  content: "";
}
/* line 115, sass/fonts/icomoon/style.scss */
.ico--file-video:before {
  content: "";
}
/* line 120, sass/fonts/icomoon/style.scss */
.ico--reset:before {
  content: "";
}
/* line 125, sass/fonts/icomoon/style.scss */
.ico--warning:before {
  content: "";
}
/* line 130, sass/fonts/icomoon/style.scss */
.ico--notice:before {
  content: "";
}
/* line 135, sass/fonts/icomoon/style.scss */
.ico--calendar:before {
  content: "";
}
/* line 140, sass/fonts/icomoon/style.scss */
.ico--message:before {
  content: "";
}
/* line 145, sass/fonts/icomoon/style.scss */
.ico--fax:before {
  content: "";
}
/* line 150, sass/fonts/icomoon/style.scss */
.ico--heart .path1:before {
  content: "";
  color: black;
}
/* line 156, sass/fonts/icomoon/style.scss */
.ico--heart .path2:before {
  content: "";
  margin-left: -1.064453125em;
  color: #282828;
}
/* line 163, sass/fonts/icomoon/style.scss */
.ico--circle-down .path1:before {
  content: "";
  color: black;
}
/* line 169, sass/fonts/icomoon/style.scss */
.ico--circle-down .path2:before {
  content: "";
  margin-left: -1em;
  color: #3a3a3a;
}
/* line 176, sass/fonts/icomoon/style.scss */
.ico--download-colored .path1:before {
  content: "";
  color: #3a3a3a;
}
/* line 182, sass/fonts/icomoon/style.scss */
.ico--download-colored .path2:before {
  content: "";
  margin-left: -1em;
  color: black;
}
/* line 189, sass/fonts/icomoon/style.scss */
.ico--apply .path1:before {
  content: "";
  color: white;
}
/* line 195, sass/fonts/icomoon/style.scss */
.ico--apply .path2:before {
  content: "";
  margin-left: -1em;
  color: #d5d6db;
}
/* line 202, sass/fonts/icomoon/style.scss */
.ico--apply .path3:before {
  content: "";
  margin-left: -1em;
  color: #a5a5a5;
}
/* line 209, sass/fonts/icomoon/style.scss */
.ico--apply .path4:before {
  content: "";
  margin-left: -1em;
  color: #a5a5a5;
}
/* line 216, sass/fonts/icomoon/style.scss */
.ico--apply .path5:before {
  content: "";
  margin-left: -1em;
  color: #a5a5a5;
}
/* line 223, sass/fonts/icomoon/style.scss */
.ico--apply .path6:before {
  content: "";
  margin-left: -1em;
  color: #a5a5a5;
}
/* line 230, sass/fonts/icomoon/style.scss */
.ico--apply .path7:before {
  content: "";
  margin-left: -1em;
  color: #a5a5a5;
}
/* line 237, sass/fonts/icomoon/style.scss */
.ico--apply .path8:before {
  content: "";
  margin-left: -1em;
  color: #a5a5a5;
}
/* line 244, sass/fonts/icomoon/style.scss */
.ico--apply .path9:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.0700;
}
/* line 252, sass/fonts/icomoon/style.scss */
.ico--apply .path10:before {
  content: "";
  margin-left: -1em;
  color: #ffc110;
}
/* line 259, sass/fonts/icomoon/style.scss */
.ico--apply .path11:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 266, sass/fonts/icomoon/style.scss */
.ico--apply .path12:before {
  content: "";
  margin-left: -1em;
  color: #ffc110;
}
/* line 273, sass/fonts/icomoon/style.scss */
.ico--apply .path13:before {
  content: "";
  margin-left: -1em;
  color: #ffecbc;
}
/* line 280, sass/fonts/icomoon/style.scss */
.ico--apply .path14:before {
  content: "";
  margin-left: -1em;
  color: #7f7f7f;
}
/* line 287, sass/fonts/icomoon/style.scss */
.ico--wechat:before {
  content: "";
}
/* line 292, sass/fonts/icomoon/style.scss */
.ico--history:before {
  content: "";
}
/* line 297, sass/fonts/icomoon/style.scss */
.ico--pin:before {
  content: "";
  color: #732b75;
}
/* line 303, sass/fonts/icomoon/style.scss */
.ico--web:before {
  content: "";
}
/* line 308, sass/fonts/icomoon/style.scss */
.ico--tick:before {
  content: "";
}
/* line 313, sass/fonts/icomoon/style.scss */
.ico--cross:before {
  content: "";
}
/* line 318, sass/fonts/icomoon/style.scss */
.ico--youtube-play .path1:before {
  content: "";
  color: black;
  opacity: 0.7;
}
/* line 325, sass/fonts/icomoon/style.scss */
.ico--youtube-play .path2:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 332, sass/fonts/icomoon/style.scss */
.ico--loadmore .path1:before {
  content: "";
  color: #010101;
}
/* line 338, sass/fonts/icomoon/style.scss */
.ico--loadmore .path2:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.9;
}
/* line 346, sass/fonts/icomoon/style.scss */
.ico--loadmore .path3:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.8;
}
/* line 354, sass/fonts/icomoon/style.scss */
.ico--loadmore .path4:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.7;
}
/* line 362, sass/fonts/icomoon/style.scss */
.ico--loadmore .path5:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.6;
}
/* line 370, sass/fonts/icomoon/style.scss */
.ico--loadmore .path6:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.5;
}
/* line 378, sass/fonts/icomoon/style.scss */
.ico--loadmore .path7:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.4;
}
/* line 386, sass/fonts/icomoon/style.scss */
.ico--loadmore .path8:before {
  content: "";
  margin-left: -1em;
  color: #010101;
  opacity: 0.3;
}
/* line 394, sass/fonts/icomoon/style.scss */
.ico--email:before {
  content: "";
}
/* line 399, sass/fonts/icomoon/style.scss */
.ico--telephone:before {
  content: "";
}
/* line 404, sass/fonts/icomoon/style.scss */
.ico--date .path1:before {
  content: "";
  color: #d5d6db;
}
/* line 410, sass/fonts/icomoon/style.scss */
.ico--date .path2:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 417, sass/fonts/icomoon/style.scss */
.ico--date .path3:before {
  content: "";
  margin-left: -1em;
  color: #ffc110;
}
/* line 424, sass/fonts/icomoon/style.scss */
.ico--date .path4:before {
  content: "";
  margin-left: -1em;
  color: #f4b006;
}
/* line 431, sass/fonts/icomoon/style.scss */
.ico--date .path5:before {
  content: "";
  margin-left: -1em;
  color: #f4b006;
}
/* line 438, sass/fonts/icomoon/style.scss */
.ico--date .path6:before {
  content: "";
  margin-left: -1em;
  color: #f4b006;
}
/* line 445, sass/fonts/icomoon/style.scss */
.ico--date .path7:before {
  content: "";
  margin-left: -1em;
  color: #f4b006;
}
/* line 452, sass/fonts/icomoon/style.scss */
.ico--date .path8:before {
  content: "";
  margin-left: -1em;
  color: #f4b006;
}
/* line 459, sass/fonts/icomoon/style.scss */
.ico--date .path9:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 466, sass/fonts/icomoon/style.scss */
.ico--date .path10:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 473, sass/fonts/icomoon/style.scss */
.ico--date .path11:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 480, sass/fonts/icomoon/style.scss */
.ico--date .path12:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 487, sass/fonts/icomoon/style.scss */
.ico--date .path13:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 494, sass/fonts/icomoon/style.scss */
.ico--date .path14:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 501, sass/fonts/icomoon/style.scss */
.ico--date .path15:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 508, sass/fonts/icomoon/style.scss */
.ico--date .path16:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 515, sass/fonts/icomoon/style.scss */
.ico--date .path17:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 522, sass/fonts/icomoon/style.scss */
.ico--date .path18:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 529, sass/fonts/icomoon/style.scss */
.ico--date .path19:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 536, sass/fonts/icomoon/style.scss */
.ico--date .path20:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 543, sass/fonts/icomoon/style.scss */
.ico--date .path21:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 550, sass/fonts/icomoon/style.scss */
.ico--date .path22:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 557, sass/fonts/icomoon/style.scss */
.ico--date .path23:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 564, sass/fonts/icomoon/style.scss */
.ico--date .path24:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 571, sass/fonts/icomoon/style.scss */
.ico--date .path25:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 578, sass/fonts/icomoon/style.scss */
.ico--date .path26:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 585, sass/fonts/icomoon/style.scss */
.ico--date .path27:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 592, sass/fonts/icomoon/style.scss */
.ico--date .path28:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 599, sass/fonts/icomoon/style.scss */
.ico--date .path29:before {
  content: "";
  margin-left: -1em;
  color: #c6c6c6;
}
/* line 606, sass/fonts/icomoon/style.scss */
.ico--image .path1:before {
  content: "";
  color: #e5e5e5;
}
/* line 612, sass/fonts/icomoon/style.scss */
.ico--image .path2:before {
  content: "";
  margin-left: -1.373046875em;
  color: #ffc110;
}
/* line 619, sass/fonts/icomoon/style.scss */
.ico--image .path3:before {
  content: "";
  margin-left: -1.373046875em;
  color: #b7b7b7;
}
/* line 626, sass/fonts/icomoon/style.scss */
.ico--image .path4:before {
  content: "";
  margin-left: -1.373046875em;
  color: #b7b7b7;
}
/* line 633, sass/fonts/icomoon/style.scss */
.ico--image .path5:before {
  content: "";
  margin-left: -1.373046875em;
  color: #8e8e8e;
}
/* line 640, sass/fonts/icomoon/style.scss */
.ico--image .path6:before {
  content: "";
  margin-left: -1.373046875em;
  color: #cccccc;
}
/* line 647, sass/fonts/icomoon/style.scss */
.ico--image .path7:before {
  content: "";
  margin-left: -1.373046875em;
  color: white;
}
/* line 654, sass/fonts/icomoon/style.scss */
.ico--image .path8:before {
  content: "";
  margin-left: -1.373046875em;
  color: #ffc110;
}
/* line 661, sass/fonts/icomoon/style.scss */
.ico--image .path9:before {
  content: "";
  margin-left: -1.373046875em;
  color: white;
}
/* line 668, sass/fonts/icomoon/style.scss */
.ico--image .path10:before {
  content: "";
  margin-left: -1.373046875em;
  color: white;
}
/* line 675, sass/fonts/icomoon/style.scss */
.ico--map .path1:before {
  content: "";
  color: white;
}
/* line 681, sass/fonts/icomoon/style.scss */
.ico--map .path2:before {
  content: "";
  margin-left: -0.9990234375em;
  color: #e5e5e5;
}
/* line 688, sass/fonts/icomoon/style.scss */
.ico--map .path3:before {
  content: "";
  margin-left: -0.9990234375em;
  color: #c4c4c4;
}
/* line 695, sass/fonts/icomoon/style.scss */
.ico--map .path4:before {
  content: "";
  margin-left: -0.9990234375em;
  color: #afafaf;
}
/* line 702, sass/fonts/icomoon/style.scss */
.ico--map .path5:before {
  content: "";
  margin-left: -0.9990234375em;
  color: #fdc013;
}
/* line 709, sass/fonts/icomoon/style.scss */
.ico--map .path6:before {
  content: "";
  margin-left: -0.9990234375em;
  color: white;
}
/* line 716, sass/fonts/icomoon/style.scss */
.ico--time .path1:before {
  content: "";
  color: #ffc110;
}
/* line 722, sass/fonts/icomoon/style.scss */
.ico--time .path2:before {
  content: "";
  margin-left: -1em;
  color: white;
}
/* line 729, sass/fonts/icomoon/style.scss */
.ico--time .path3:before {
  content: "";
  margin-left: -1em;
  color: #c4c4c4;
}
/* line 736, sass/fonts/icomoon/style.scss */
.ico--time .path4:before {
  content: "";
  margin-left: -1em;
  color: #c4c4c4;
}
/* line 743, sass/fonts/icomoon/style.scss */
.ico--time .path5:before {
  content: "";
  margin-left: -1em;
  color: #ffc110;
}
/* line 750, sass/fonts/icomoon/style.scss */
.ico--register:before {
  content: "";
}
/* line 755, sass/fonts/icomoon/style.scss */
.ico--arrow-down:before {
  content: "";
}
/* line 760, sass/fonts/icomoon/style.scss */
.ico--arrow-left:before {
  content: "";
}
/* line 765, sass/fonts/icomoon/style.scss */
.ico--arrow-right:before {
  content: "";
}
/* line 770, sass/fonts/icomoon/style.scss */
.ico--arrow-up:before {
  content: "";
}
/* line 775, sass/fonts/icomoon/style.scss */
.ico--download:before {
  content: "";
}
/* line 780, sass/fonts/icomoon/style.scss */
.ico--triangle-left:before {
  content: "";
}
/* line 785, sass/fonts/icomoon/style.scss */
.ico--triangle-right:before {
  content: "";
}
/* line 790, sass/fonts/icomoon/style.scss */
.ico--triangle-up:before {
  content: "";
}
/* line 795, sass/fonts/icomoon/style.scss */
.ico--triangle-down:before {
  content: "";
}
/* line 800, sass/fonts/icomoon/style.scss */
.ico--external:before {
  content: "";
}
/* line 805, sass/fonts/icomoon/style.scss */
.ico--minus:before {
  content: "";
}
/* line 810, sass/fonts/icomoon/style.scss */
.ico--pause:before {
  content: "";
}
/* line 815, sass/fonts/icomoon/style.scss */
.ico--play:before {
  content: "";
}
/* line 820, sass/fonts/icomoon/style.scss */
.ico--plus:before {
  content: "";
}
/* line 825, sass/fonts/icomoon/style.scss */
.ico--listing:before {
  content: "";
}
/* line 830, sass/fonts/icomoon/style.scss */
.ico--menu:before {
  content: "";
}
/* line 835, sass/fonts/icomoon/style.scss */
.ico--sharing:before {
  content: "";
}
/* line 840, sass/fonts/icomoon/style.scss */
.ico--search:before {
  content: "";
}
/* line 845, sass/fonts/icomoon/style.scss */
.ico--user .path1:before {
  content: "";
  color: black;
}
/* line 851, sass/fonts/icomoon/style.scss */
.ico--user .path2:before {
  content: "";
  margin-left: -1em;
  color: #f2f2f2;
}
/* line 858, sass/fonts/icomoon/style.scss */
.ico--user .path3:before {
  content: "";
  margin-left: -1em;
  color: #f2f2f2;
}
/* line 7, sass/base/_grid.scss */
body {
  background-color: #f3f5f8;
}
/* line 10, sass/base/_grid.scss */
body.modal-open {
  overflow: hidden;
}
/* line 15, sass/base/_grid.scss */
.container {
  width: auto !important;
  max-width: 1440px;
  padding: 0 30px;
}
@media screen and (max-width: 1439px) {
  /* line 15, sass/base/_grid.scss */
  .container {
    max-width: 1170px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 15, sass/base/_grid.scss */
  .container {
    max-width: 970px;
  }
}
@media screen and (max-width: 991px) {
  /* line 15, sass/base/_grid.scss */
  .container {
    width: auto;
    padding: 0 24px;
  }
}
@media screen and (max-width: 767px) {
  /* line 15, sass/base/_grid.scss */
  .container {
    padding: 0 15px;
  }
}
/* line 34, sass/base/_grid.scss */
.wrapper {
  position: relative;
  overflow: hidden;
  min-width: 320px;
  max-width: 1920px;
  margin: 0 auto;
}
/* line 54, sass/base/_grid.scss */
.inner main {
  padding-top: 138px;
}
@media screen and (max-width: 991px) {
  /* line 54, sass/base/_grid.scss */
  .inner main {
    padding-top: 62px;
  }
}
@media screen and (max-width: 767px) {
  /* line 54, sass/base/_grid.scss */
  .inner main {
    padding-top: 58px;
  }
}
/* line 73, sass/base/_grid.scss */
main:focus {
  outline: 0;
}
/* line 79, sass/base/_grid.scss */
#loadResult {
  min-height: 200px;
  padding-bottom: 3.75rem;
}
/* line 37, sass/base/_typo.scss */
html {
  font-size: 100.0000001%;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* line 44, sass/base/_typo.scss */
body {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1rem;
  color: #000000;
}
/* line 52, sass/base/_typo.scss */
a {
  -webkit-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s;
  color: #732b76;
}
/* line 58, sass/base/_typo.scss */
a:hover, a:focus {
  text-decoration: none;
  color: #732b76;
}
/* line 65, sass/base/_typo.scss */
a[class^="ico-"], a[class*=" ico-"] {
  text-decoration: none;
  color: #732b76;
}
/* line 71, sass/base/_typo.scss */
a[class^="ico-"]:hover, a[class*=" ico-"]:hover {
  text-decoration: underline;
}
/* line 75, sass/base/_typo.scss */
a[class^="ico-"]:before, a[class^="ico-"]:hover:before, a[class*=" ico-"]:before, a[class*=" ico-"]:hover:before {
  text-decoration: none !important;
}
/* line 80, sass/base/_typo.scss */
a[class^="ico-"]:before, a[class*=" ico-"]:before {
  margin-right: 7px;
  text-decoration: underline;
}
/* line 88, sass/base/_typo.scss */
hr {
  overflow: hidden;
  height: 0;
  margin: 2.1875rem 0 2.6875rem;
  border: 0;
  border-top: 1px solid #ebebeb;
}
/* line 98, sass/base/_typo.scss */
h1,
h2,
h3,
h4,
h5,
.h1, .h2, .tools-row__heading, .h3, .rte-strike-heading, .section-top__title,
.h4,
.h5 {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
}
/* line 111, sass/base/_typo.scss */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .tools-row__heading, .h3, .rte-strike-heading, .section-top__title, .h4, .h5, .h6 {
  line-height: 1.2;
  margin: 0;
}
/* line 127, sass/base/_typo.scss */
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
.h1 > a,
.h2 > a,
.tools-row__heading > a,
.h3 > a,
.rte-strike-heading > a,
.section-top__title > a,
.h4 > a,
.h5 > a,
.h6 > a {
  color: inherit;
}
/* line 132, sass/base/_typo.scss */
p {
  margin-bottom: 0;
}
/* line 136, sass/base/_typo.scss */
sup {
  font-size: .55em;
  top: -.6em;
}
/* line 142, sass/base/_typo.scss */
h1, .h1 {
  font-size: 2rem;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 142, sass/base/_typo.scss */
  h1, .h1 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 142, sass/base/_typo.scss */
  h1, .h1 {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 142, sass/base/_typo.scss */
  h1, .h1 {
    font-size: 1.625rem;
  }
}
/* line 160, sass/base/_typo.scss */
h2, .h2, .tools-row__heading {
  font-size: 2.8125rem;
  margin-bottom: 0.35555556em;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 160, sass/base/_typo.scss */
  h2, .h2, .tools-row__heading {
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 160, sass/base/_typo.scss */
  h2, .h2, .tools-row__heading {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 160, sass/base/_typo.scss */
  h2, .h2, .tools-row__heading {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 160, sass/base/_typo.scss */
  h2, .h2, .tools-row__heading {
    font-size: 1.375rem;
  }
}
/* line 181, sass/base/_typo.scss */
h3, .h3, .rte-strike-heading, .section-top__title {
  font-size: 2.375rem;
  font-weight: 600;
  margin-bottom: 0.31578947em;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 181, sass/base/_typo.scss */
  h3, .h3, .rte-strike-heading, .section-top__title {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 181, sass/base/_typo.scss */
  h3, .h3, .rte-strike-heading, .section-top__title {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 181, sass/base/_typo.scss */
  h3, .h3, .rte-strike-heading, .section-top__title {
    font-size: 1.375rem;
  }
}
/* line 201, sass/base/_typo.scss */
h4, .h4 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 0.35714286em;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 201, sass/base/_typo.scss */
  h4, .h4 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 201, sass/base/_typo.scss */
  h4, .h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 201, sass/base/_typo.scss */
  h4, .h4 {
    font-size: 1.25rem;
  }
}
/* line 221, sass/base/_typo.scss */
h5, .h5 {
  font-size: 1.625rem;
  margin-bottom: 0.38461538em;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 221, sass/base/_typo.scss */
  h5, .h5 {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 221, sass/base/_typo.scss */
  h5, .h5 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 221, sass/base/_typo.scss */
  h5, .h5 {
    font-size: 1.125rem;
  }
}
/* line 241, sass/base/_typo.scss */
h6, .h6 {
  font-size: 1.125rem;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 241, sass/base/_typo.scss */
  h6, .h6 {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 241, sass/base/_typo.scss */
  h6, .h6 {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 241, sass/base/_typo.scss */
  h6, .h6 {
    font-size: 0.875rem;
  }
}
/* line 260, sass/base/_typo.scss */
::-moz-selection {
  background-color: #FFECE5;
}
::selection {
  background-color: #FFECE5;
}
/* line 1, sass/base/_normalize_custom.scss */
html,
body {
  min-height: 100%;
  scroll-behavior: smooth;
}
/* mouse */
/* line 9, sass/base/_normalize_custom.scss */
[data-whatinput="mouse"] :focus {
  outline: 0 !important;
}
/* keyboard */
/* touch */
/* line 19, sass/base/_normalize_custom.scss */
[data-whatinput="touch"] :focus {
  outline: 0 !important;
}
/* line 23, sass/base/_normalize_custom.scss */
body {
  -ms-overflow-style: scrollbar;
  /* turns off the auto-hiding behavior in ie10/11 */
}
/* line 31, sass/base/_normalize_custom.scss */
.no-js-alert {
  font-weight: 700;
  position: fixed;
  z-index: 99999;
  width: 100%;
  padding: 0.75rem 1.25rem;
  color: #773431;
  background-color: #F7EDED;
}
/* line 44, sass/base/_normalize_custom.scss */
.no-js * {
  -webkit-transition: none !important;
  transition: none !important;
  /* Run css transitions only after page loaded */
}
@-ms-viewport {
  width: device-width;
}
/* line 56, sass/base/_normalize_custom.scss */
.lte-ie9 .wrapper {
  z-index: 1;
}
/* line 59, sass/base/_normalize_custom.scss */
.lte-ie9 .wrapper:before {
  font-weight: 700;
  position: fixed;
  z-index: 100000;
  width: 100%;
  padding: 0.75rem 1.25rem;
  content: "Notice: Internet Explorer 10 or above is required for proper content display.";
  background-color: #E2D516;
}
/* line 87, sass/base/_normalize_custom.scss */
.js-loading {
  position: relative;
  min-height: 200px;
}
/* line 92, sass/base/_normalize_custom.scss */
.js-loading * {
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: .8;
}
/* line 98, sass/base/_normalize_custom.scss */
.js-loading:before {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  opacity: .9;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/js-loading.gif") 50% 100px no-repeat;
  background-size: 43px auto;
}
@media screen and (max-width: 767px) {
  /* line 98, sass/base/_normalize_custom.scss */
  .js-loading:before {
    background-position: 50% 150px;
    background-size: 30px auto;
  }
}
/* line 119, sass/base/_normalize_custom.scss */
.js-loadmore-backup {
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 100%;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
}
/* line 133, sass/base/_normalize_custom.scss */
.cursor-pointer {
  cursor: pointer;
}
/* line 1, sass/generic/_animate.scss */
.animated-short {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 11, sass/generic/_animate.scss */
.hover-img-zoom figure {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 17, sass/generic/_animate.scss */
.hover-img-zoom:hover figure, .hover-img-zoom:focus figure {
  -webkit-transform: scale(1.15) rotate(5deg) translateZ(0);
  transform: scale(1.15) rotate(5deg) translateZ(0);
}
/* line 24, sass/generic/_animate.scss */
.hover-img-shadow {
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease;
}
/* line 27, sass/generic/_animate.scss */
.hover-img-shadow:after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  opacity: 0;
  -webkit-box-shadow: 0 10px 20px 0 rgba(153, 153, 153, 0.5);
  box-shadow: 0 10px 20px 0 rgba(153, 153, 153, 0.5);
  will-change: opacity;
}
/* line 44, sass/generic/_animate.scss */
.hover-img-shadow:hover, .hover-img-shadow:focus {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
}
/* line 48, sass/generic/_animate.scss */
.hover-img-shadow:hover:after, .hover-img-shadow:focus:after {
  opacity: 1;
}
/* line 55, sass/generic/_animate.scss */
.hover-bubble {
  position: relative;
  display: inline-block;
}
/* line 60, sass/generic/_animate.scss */
.hover-bubble:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-transform: scale(0, 0) translateZ(0);
  transform: scale(0, 0) translateZ(0);
  background: rgba(255, 255, 255, 0.06);
}
/* line 77, sass/generic/_animate.scss */
.hover-bubble:hover:after, .hover-bubble:focus:after {
  -webkit-transform: scale(1, 1) translateZ(0);
  transform: scale(1, 1) translateZ(0);
}
@-webkit-keyframes hover-circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
@keyframes hover-circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
/* line 101, sass/generic/_animate.scss */
.hover-circle {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
/* line 107, sass/generic/_animate.scss */
.hover-circle:after {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  -webkit-transform: translate(-50%, -50%) translateZ(0);
  transform: translate(-50%, -50%) translateZ(0);
  opacity: 0;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.1);
}
/* line 126, sass/generic/_animate.scss */
.hover-circle:hover:after, .hover-circle:focus:after {
  -webkit-animation: hover-circle .7s;
  animation: hover-circle .7s;
}
/* line 134, sass/generic/_animate.scss */
.hover-hinge-down {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
/* line 138, sass/generic/_animate.scss */
.hover-hinge-down > div {
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  -webkit-transform: rotate3d(1, 0, 0, 90deg);
  transform: rotate3d(1, 0, 0, 90deg);
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  opacity: 0;
  will-change: transform;
}
/* line 151, sass/generic/_animate.scss */
.hover-hinge-down:hover > div, .hover-hinge-down:focus > div {
  -webkit-transform: rotate3d(1, 0, 0, 0);
  transform: rotate3d(1, 0, 0, 0);
  opacity: 1;
}
/* line 161, sass/generic/_animate.scss */
.hover-hinge-left {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
/* line 165, sass/generic/_animate.scss */
.hover-hinge-left > div {
  -webkit-transition: all .45s ease;
  transition: all .45s ease;
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
  transform: rotate3d(0, 1, 0, -90deg);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  opacity: 0;
  will-change: transform;
}
/* line 178, sass/generic/_animate.scss */
.hover-hinge-left:hover > div, .hover-hinge-left:focus > div {
  -webkit-transform: rotate3d(0, 1, 0, 0);
  transform: rotate3d(0, 1, 0, 0);
  opacity: 1;
}
@-webkit-keyframes hover-heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hover-heartbeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* line 212, sass/generic/_animate.scss */
.hover-heartbeat:hover .hover-icon, .hover-heartbeat:focus .hover-icon {
  -webkit-animation: hover-heartbeat 1s ease-in-out;
  animation: hover-heartbeat 1s ease-in-out;
}
@-webkit-keyframes hover-localShine {
  from {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
@keyframes hover-localShine {
  from {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
  }
}
/* line 230, sass/generic/_animate.scss */
.hover-localShine:hover, .hover-localShine:focus {
  -webkit-animation: hover-localShine .75s linear infinite;
  animation: hover-localShine .75s linear infinite;
}
@-webkit-keyframes hover-localShine2 {
  from {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.2);
    box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 13px rgba(204, 204, 204, 0);
    box-shadow: 0 0 0 13px rgba(204, 204, 204, 0);
  }
}
@keyframes hover-localShine2 {
  from {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.2);
    box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.2);
  }
  to {
    -webkit-box-shadow: 0 0 0 13px rgba(204, 204, 204, 0);
    box-shadow: 0 0 0 13px rgba(204, 204, 204, 0);
  }
}
/* line 247, sass/generic/_animate.scss */
.hover-localShine2:hover, .hover-localShine2:focus {
  -webkit-animation: hover-localShine2 .75s linear infinite;
  animation: hover-localShine2 .75s linear infinite;
}
@-webkit-keyframes hover-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hover-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 280, sass/generic/_animate.scss */
.hover-icon-wobble-horizontal {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  vertical-align: middle;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/* line 290, sass/generic/_animate.scss */
.hover-icon-wobble-horizontal:hover .hover-icon, .hover-icon-wobble-horizontal:focus .hover-icon {
  -webkit-animation: hover-icon-wobble-horizontal 1s ease-in-out;
  animation: hover-icon-wobble-horizontal 1s ease-in-out;
}
/* line 295, sass/generic/_animate.scss */
.hover-icon-wobble-horizontal .hover-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 301, sass/generic/_animate.scss */
.hover-float-shadow {
  position: relative;
  display: inline-block;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  vertical-align: middle;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
/* line 313, sass/generic/_animate.scss */
.hover-float-shadow:hover, .hover-float-shadow:focus {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
/* line 317, sass/generic/_animate.scss */
.hover-float-shadow:hover:before, .hover-float-shadow:focus:before {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 1;
}
/* line 324, sass/generic/_animate.scss */
.hover-float-shadow:before {
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 5%;
  width: 90%;
  height: 10px;
  content: "";
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
}
@-webkit-keyframes fadeInLeftMild {
  from {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes fadeInLeftMild {
  from {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 358, sass/generic/_animate.scss */
.fadeInLeftMild {
  -webkit-animation-name: fadeInLeftMild;
  animation-name: fadeInLeftMild;
}
@-webkit-keyframes fadeInRightMild {
  from {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes fadeInRightMild {
  from {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 376, sass/generic/_animate.scss */
.fadeInRightMild {
  -webkit-animation-name: fadeInRightMild;
  animation-name: fadeInRightMild;
}
@-webkit-keyframes fadeInLeftBottom {
  from {
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes fadeInLeftBottom {
  from {
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 394, sass/generic/_animate.scss */
.fadeInLeftBottom {
  -webkit-animation-name: fadeInLeftBottom;
  animation-name: fadeInLeftBottom;
}
@-webkit-keyframes fadeInLeftTop {
  from {
    -webkit-transform: translate3d(-25%, -25%, 0);
    transform: translate3d(-25%, -25%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes fadeInLeftTop {
  from {
    -webkit-transform: translate3d(-25%, -25%, 0);
    transform: translate3d(-25%, -25%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 412, sass/generic/_animate.scss */
.fadeInLeftTop {
  -webkit-animation-name: fadeInLeftTop;
  animation-name: fadeInLeftTop;
}
@-webkit-keyframes fadeInUpMild {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes fadeInUpMild {
  from {
    -webkit-transform: translate3d(0, 30%, 0);
    transform: translate3d(0, 30%, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 430, sass/generic/_animate.scss */
.fadeInUpMild {
  -webkit-animation-name: fadeInUpMild;
  animation-name: fadeInUpMild;
}
@-webkit-keyframes fadeInMild {
  from {
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes fadeInMild {
  from {
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 446, sass/generic/_animate.scss */
.fadeInMild {
  -webkit-animation-name: fadeInMild;
  animation-name: fadeInMild;
}
@-webkit-keyframes opacityLoop {
  0% {
    opacity: 1;
  }
  10% {
    opacity: .9;
  }
  20% {
    opacity: .8;
  }
  40% {
    opacity: .6;
  }
  60% {
    opacity: .45;
  }
  70% {
    opacity: .25;
  }
  80% {
    opacity: .2;
  }
  100% {
    opacity: .1;
  }
}
@keyframes opacityLoop {
  0% {
    opacity: 1;
  }
  10% {
    opacity: .9;
  }
  20% {
    opacity: .8;
  }
  40% {
    opacity: .6;
  }
  60% {
    opacity: .45;
  }
  70% {
    opacity: .25;
  }
  80% {
    opacity: .2;
  }
  100% {
    opacity: .1;
  }
}
/* line 477, sass/generic/_animate.scss */
.opacityLoop, .btn--load .ico span:before {
  -webkit-animation: opacityLoop 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation: opacityLoop 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
/* line 481, sass/generic/_animate.scss */
.opacityLoopFast, .btn--load.btn--popload span:before {
  -webkit-animation: opacityLoop 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation: opacityLoop 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
@-webkit-keyframes anim-underline {
  0% {
    -webkit-text-decoration: underline #ffffff solid;
    text-decoration: underline #ffffff solid;
  }
  100% {
    text-decoration: underline;
  }
}
@keyframes anim-underline {
  0% {
    -webkit-text-decoration: underline #ffffff solid;
    text-decoration: underline #ffffff solid;
  }
  100% {
    text-decoration: underline;
  }
}
/* line 495, sass/generic/_animate.scss */
.anim-underline, .sls__item:hover .sls__title, .sls__item:focus .sls__title, .grids__item[href]:hover .grids__desc, .grids__item[href]:focus .grids__desc, .key-most__item:hover .key-most__title, .key-most__item:focus .key-most__title, .press__item:hover .press__title, .press__item:focus .press__title {
  -webkit-animation: anim-underline 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: anim-underline 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}
@keyframes flip {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  100% {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
  }
}
@-webkit-keyframes flipout {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  30% {
    -webkit-transform: scaleY(-1) translate3d(4px, 0, 0);
    transform: scaleY(-1) translate3d(4px, 0, 0);
  }
  60% {
    -webkit-transform: scaleY(1) translate3d(4px, 0, 0);
    transform: scaleY(1) translate3d(4px, 0, 0);
  }
}
@keyframes flipout {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  30% {
    -webkit-transform: scaleY(-1) translate3d(4px, 0, 0);
    transform: scaleY(-1) translate3d(4px, 0, 0);
  }
  60% {
    -webkit-transform: scaleY(1) translate3d(4px, 0, 0);
    transform: scaleY(1) translate3d(4px, 0, 0);
  }
}
@-webkit-keyframes toEnd {
  0% {
    left: -100%;
  }
  100% {
    left: 200%;
  }
}
@keyframes toEnd {
  0% {
    left: -100%;
  }
  100% {
    left: 200%;
  }
}
/* line 529, sass/generic/_animate.scss */
.toEnd {
  -webkit-animation: toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 533, sass/generic/_animate.scss */
.toEndTwice, .btn--shine:hover:after, .btn--default:hover:after, .btn--form:hover:after, .btn-primary:hover:after, .btn--after:hover:after, .btn--s-border:hover:after, .btn--s-search:hover:after, .btn--shine:focus:after, .btn--default:focus:after, .btn--form:focus:after, .btn-primary:focus:after, .btn--after:focus:after, .btn--s-border:focus:after, .btn--s-search:focus:after, .btn--shine:active:after, .btn--default:active:after, .btn--form:active:after, .btn-primary:active:after, .btn--after:active:after, .btn--s-border:active:after, .btn--s-search:active:after, .hvr-shine:hover:after, .rte-color-grids__bgbox:hover:after, .rte-color-grids__box:hover:after, .glyblk__img-w:hover:after, .hvr-shine:active:after, .rte-color-grids__bgbox:active:after, .rte-color-grids__box:active:after, .glyblk__img-w:active:after, .key-news__item:hover .key-news__body:after, .key-news__item:focus .key-news__body:after, .key-most__item:hover .key-most__img-w:after, .key-most__item:focus .key-most__img-w:after, .key-interest__item:hover .key-interest__img-w:after, .key-interest__item:focus .key-interest__img-w:after, .ghl__img-w:hover .ghl__img-c:after, .ghl__img-w:focus .ghl__img-c:after, .gl__img-w:hover .gl__img-c:after, .gl__img-w:focus .gl__img-c:after, .promopic[href]:hover .promopic__img-w:after, .promopic[href]:focus .promopic__img-w:after {
  -webkit-animation: toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 5s;
  animation: toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s, toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 5s;
}
/* line 536, sass/generic/_animate.scss */
.safari .toEndTwice, .safari .btn--shine:hover:after, .safari .btn--default:hover:after, .safari .btn--form:hover:after, .safari .btn-primary:hover:after, .safari .btn--after:hover:after, .safari .btn--s-border:hover:after, .safari .btn--s-search:hover:after, .safari .btn--shine:focus:after, .safari .btn--default:focus:after, .safari .btn--form:focus:after, .safari .btn-primary:focus:after, .safari .btn--after:focus:after, .safari .btn--s-border:focus:after, .safari .btn--s-search:focus:after, .safari .btn--shine:active:after, .safari .btn--default:active:after, .safari .btn--form:active:after, .safari .btn-primary:active:after, .safari .btn--after:active:after, .safari .btn--s-border:active:after, .safari .btn--s-search:active:after, .safari .hvr-shine:hover:after, .safari .rte-color-grids__bgbox:hover:after, .safari .rte-color-grids__box:hover:after, .safari .glyblk__img-w:hover:after, .safari .hvr-shine:active:after, .safari .rte-color-grids__bgbox:active:after, .safari .rte-color-grids__box:active:after, .safari .glyblk__img-w:active:after, .safari .key-news__item:hover .key-news__body:after, .key-news__item:hover .safari .key-news__body:after, .safari .key-news__item:focus .key-news__body:after, .key-news__item:focus .safari .key-news__body:after, .safari .key-most__item:hover .key-most__img-w:after, .key-most__item:hover .safari .key-most__img-w:after, .safari .key-most__item:focus .key-most__img-w:after, .key-most__item:focus .safari .key-most__img-w:after, .safari .key-interest__item:hover .key-interest__img-w:after, .key-interest__item:hover .safari .key-interest__img-w:after, .safari .key-interest__item:focus .key-interest__img-w:after, .key-interest__item:focus .safari .key-interest__img-w:after, .safari .ghl__img-w:hover .ghl__img-c:after, .ghl__img-w:hover .safari .ghl__img-c:after, .safari .ghl__img-w:focus .ghl__img-c:after, .ghl__img-w:focus .safari .ghl__img-c:after, .safari .gl__img-w:hover .gl__img-c:after, .gl__img-w:hover .safari .gl__img-c:after, .safari .gl__img-w:focus .gl__img-c:after, .gl__img-w:focus .safari .gl__img-c:after, .safari .promopic[href]:hover .promopic__img-w:after, .promopic[href]:hover .safari .promopic__img-w:after, .safari .promopic[href]:focus .promopic__img-w:after, .promopic[href]:focus .safari .promopic__img-w:after,
.ie .toEndTwice,
.ie .btn--shine:hover:after,
.ie .btn--default:hover:after,
.ie .btn--form:hover:after,
.ie .btn-primary:hover:after,
.ie .btn--after:hover:after,
.ie .btn--s-border:hover:after,
.ie .btn--s-search:hover:after,
.ie .btn--shine:focus:after,
.ie .btn--default:focus:after,
.ie .btn--form:focus:after,
.ie .btn-primary:focus:after,
.ie .btn--after:focus:after,
.ie .btn--s-border:focus:after,
.ie .btn--s-search:focus:after,
.ie .btn--shine:active:after,
.ie .btn--default:active:after,
.ie .btn--form:active:after,
.ie .btn-primary:active:after,
.ie .btn--after:active:after,
.ie .btn--s-border:active:after,
.ie .btn--s-search:active:after,
.ie .hvr-shine:hover:after,
.ie .rte-color-grids__bgbox:hover:after,
.ie .rte-color-grids__box:hover:after,
.ie .glyblk__img-w:hover:after,
.ie .hvr-shine:active:after,
.ie .rte-color-grids__bgbox:active:after,
.ie .rte-color-grids__box:active:after,
.ie .glyblk__img-w:active:after,
.ie .key-news__item:hover .key-news__body:after,
.key-news__item:hover .ie .key-news__body:after,
.ie .key-news__item:focus .key-news__body:after,
.key-news__item:focus .ie .key-news__body:after,
.ie .key-most__item:hover .key-most__img-w:after,
.key-most__item:hover .ie .key-most__img-w:after,
.ie .key-most__item:focus .key-most__img-w:after,
.key-most__item:focus .ie .key-most__img-w:after,
.ie .key-interest__item:hover .key-interest__img-w:after,
.key-interest__item:hover .ie .key-interest__img-w:after,
.ie .key-interest__item:focus .key-interest__img-w:after,
.key-interest__item:focus .ie .key-interest__img-w:after,
.ie .ghl__img-w:hover .ghl__img-c:after,
.ghl__img-w:hover .ie .ghl__img-c:after,
.ie .ghl__img-w:focus .ghl__img-c:after,
.ghl__img-w:focus .ie .ghl__img-c:after,
.ie .gl__img-w:hover .gl__img-c:after,
.gl__img-w:hover .ie .gl__img-c:after,
.ie .gl__img-w:focus .gl__img-c:after,
.gl__img-w:focus .ie .gl__img-c:after,
.ie .promopic[href]:hover .promopic__img-w:after,
.promopic[href]:hover .ie .promopic__img-w:after,
.ie .promopic[href]:focus .promopic__img-w:after,
.promopic[href]:focus .ie .promopic__img-w:after {
  -webkit-animation: toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: toEnd 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@-webkit-keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes mover {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* line 551, sass/generic/_animate.scss */
.mover, .smart-kv__btn-skip {
  -webkit-animation: mover .5s infinite alternate;
  animation: mover .5s infinite alternate;
}
@-webkit-keyframes r-passing {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
}
@keyframes r-passing {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
}
/* line 574, sass/generic/_animate.scss */
.r-passing {
  -webkit-animation-name: r-passing;
  animation-name: r-passing;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
@-webkit-keyframes ring {
  100% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
@keyframes ring {
  100% {
    -webkit-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
  }
}
@-webkit-keyframes hvr-wobble-vertical {
  0% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  66.6% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}
@keyframes hvr-wobble-vertical {
  0% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  66.6% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
}
/* line 1, sass/ckeditor/_ckeditor.scss */
.ckec,
.cke_editable {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.44444444;
  word-wrap: break-word;
  color: #000000;
  /*   ul[style*="circle"] {
    > li {
      list-style-type: none;

      &:before {
        content: '\e60d' !important;
        left: -13px !important;
        font-size: 8px !important;
        top: 5px !important;
      }
    }
  }

  ul[style*="disc"] {
    > li {
      list-style-type: none;

      &:before {
        content: '\e615' !important;
        font-size: 16px !important;
        left: -18px !important;
        top: -1px !important;
      }
    }
  }

  ul[style*="square"] {
    > li {

      &:before {
        display: none;
      }
    }
  }  */
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/ckeditor/_ckeditor.scss */
  .ckec,
  .cke_editable {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/ckeditor/_ckeditor.scss */
  .ckec,
  .cke_editable {
    font-size: 0.9375rem;
    line-height: 1.46666667;
  }
}
/* line 22, sass/ckeditor/_ckeditor.scss */
.ckec > *:first-child,
.ckec > span:first-child + *,
.cke_editable > *:first-child,
.cke_editable > span:first-child + * {
  margin-top: 0 !important;
}
/* line 31, sass/ckeditor/_ckeditor.scss */
.ckec .rte-font-os,
.cke_editable .rte-font-os {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
}
/* line 34, sass/ckeditor/_ckeditor.scss */
.ckec .rte-font-rw,
.cke_editable .rte-font-rw {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
}
/* line 38, sass/ckeditor/_ckeditor.scss */
.ckec iframe,
.cke_editable iframe {
  max-width: 100%;
}
/* line 46, sass/ckeditor/_ckeditor.scss */
.ckec a,
.cke_editable a {
  color: #732b76;
}
/* line 49, sass/ckeditor/_ckeditor.scss */
.ckec a:hover, .ckec a:focus,
.cke_editable a:hover,
.cke_editable a:focus {
  color: #732b76;
}
/* line 55, sass/ckeditor/_ckeditor.scss */
.ckec a[target=_blank]:not(.btn):not(.fileinput-button):after,
.cke_editable a[target=_blank]:not(.btn):not(.fileinput-button):after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.66666667em;
  font-weight: normal;
  position: relative;
  width: 1em;
  margin: 0 0.58333333em;
  content: "";
  color: #000000;
}
/* line 74, sass/ckeditor/_ckeditor.scss */
.ckec a[target=_blank]:not(.btn):not(.fileinput-button):hover:after, .ckec a[target=_blank]:not(.btn):not(.fileinput-button):focus:after,
.cke_editable a[target=_blank]:not(.btn):not(.fileinput-button):hover:after,
.cke_editable a[target=_blank]:not(.btn):not(.fileinput-button):focus:after {
  color: #732b76;
}
/* line 82, sass/ckeditor/_ckeditor.scss */
.ckec .blankable a[target=_blank]:not(.btn):not(.fileinput-button):after,
.cke_editable .blankable a[target=_blank]:not(.btn):not(.fileinput-button):after {
  content: "" !important;
}
/* line 96, sass/ckeditor/_ckeditor.scss */
.ckec img,
.cke_editable img {
  max-width: 100%;
  height: auto !important;
}
/* line 102, sass/ckeditor/_ckeditor.scss */
.ckec ul li,
.ckec ol li,
.cke_editable ul li,
.cke_editable ol li {
  margin-bottom: 0.44444444em;
}
/* line 108, sass/ckeditor/_ckeditor.scss */
.ckec ol li > ul,
.cke_editable ol li > ul {
  margin-top: 0.44444444em;
}
/* line 114, sass/ckeditor/_ckeditor.scss */
.ckec ul li > ol,
.cke_editable ul li > ol {
  margin-top: 0.44444444em;
}
/* line 119, sass/ckeditor/_ckeditor.scss */
.ckec ol,
.cke_editable ol {
  font-size: 1em;
  margin-top: 0.44444444em;
  margin-left: 1em;
  padding-left: 1.7em;
  list-style: none;
  counter-reset: item;
}
@media screen and (max-width: 767px) {
  /* line 119, sass/ckeditor/_ckeditor.scss */
  .ckec ol,
  .cke_editable ol {
    margin-left: 0;
  }
}
/* line 134, sass/ckeditor/_ckeditor.scss */
.ckec ol > li:before,
.cke_editable ol > li:before {
  display: inline-block;
  width: 2em;
  margin-right: 1em;
  margin-left: -3em;
  content: counters(item, ".") ".";
  counter-increment: item;
  text-align: right;
  color: #732b76;
}
/* line 148, sass/ckeditor/_ckeditor.scss */
.ckec ol > li > ol,
.cke_editable ol > li > ol {
  margin: 0.66666667em 0;
  padding-left: 3em;
}
/* line 153, sass/ckeditor/_ckeditor.scss */
.ckec ol > li > ol > li:before,
.cke_editable ol > li > ol > li:before {
  width: 4em;
  margin-right: 1.5em;
  margin-left: -5.6em;
}
/* line 159, sass/ckeditor/_ckeditor.scss */
.ckec ol > li > ol > li > ol,
.cke_editable ol > li > ol > li > ol {
  padding-left: 3.7em;
}
/* line 162, sass/ckeditor/_ckeditor.scss */
.ckec ol > li > ol > li > ol ol,
.cke_editable ol > li > ol > li > ol ol {
  padding-left: 5em;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="1"],
.cke_editable ol[start="1"] {
  counter-reset: item 0;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="2"],
.cke_editable ol[start="2"] {
  counter-reset: item 1;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="3"],
.cke_editable ol[start="3"] {
  counter-reset: item 2;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="4"],
.cke_editable ol[start="4"] {
  counter-reset: item 3;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="5"],
.cke_editable ol[start="5"] {
  counter-reset: item 4;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="6"],
.cke_editable ol[start="6"] {
  counter-reset: item 5;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="7"],
.cke_editable ol[start="7"] {
  counter-reset: item 6;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="8"],
.cke_editable ol[start="8"] {
  counter-reset: item 7;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="9"],
.cke_editable ol[start="9"] {
  counter-reset: item 8;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="10"],
.cke_editable ol[start="10"] {
  counter-reset: item 9;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="11"],
.cke_editable ol[start="11"] {
  counter-reset: item 10;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="12"],
.cke_editable ol[start="12"] {
  counter-reset: item 11;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="13"],
.cke_editable ol[start="13"] {
  counter-reset: item 12;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="14"],
.cke_editable ol[start="14"] {
  counter-reset: item 13;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="15"],
.cke_editable ol[start="15"] {
  counter-reset: item 14;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="16"],
.cke_editable ol[start="16"] {
  counter-reset: item 15;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="17"],
.cke_editable ol[start="17"] {
  counter-reset: item 16;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="18"],
.cke_editable ol[start="18"] {
  counter-reset: item 17;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="19"],
.cke_editable ol[start="19"] {
  counter-reset: item 18;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="20"],
.cke_editable ol[start="20"] {
  counter-reset: item 19;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="21"],
.cke_editable ol[start="21"] {
  counter-reset: item 20;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="22"],
.cke_editable ol[start="22"] {
  counter-reset: item 21;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="23"],
.cke_editable ol[start="23"] {
  counter-reset: item 22;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="24"],
.cke_editable ol[start="24"] {
  counter-reset: item 23;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="25"],
.cke_editable ol[start="25"] {
  counter-reset: item 24;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="26"],
.cke_editable ol[start="26"] {
  counter-reset: item 25;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="27"],
.cke_editable ol[start="27"] {
  counter-reset: item 26;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="28"],
.cke_editable ol[start="28"] {
  counter-reset: item 27;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="29"],
.cke_editable ol[start="29"] {
  counter-reset: item 28;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="30"],
.cke_editable ol[start="30"] {
  counter-reset: item 29;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="31"],
.cke_editable ol[start="31"] {
  counter-reset: item 30;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="32"],
.cke_editable ol[start="32"] {
  counter-reset: item 31;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="33"],
.cke_editable ol[start="33"] {
  counter-reset: item 32;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="34"],
.cke_editable ol[start="34"] {
  counter-reset: item 33;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="35"],
.cke_editable ol[start="35"] {
  counter-reset: item 34;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="36"],
.cke_editable ol[start="36"] {
  counter-reset: item 35;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="37"],
.cke_editable ol[start="37"] {
  counter-reset: item 36;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="38"],
.cke_editable ol[start="38"] {
  counter-reset: item 37;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="39"],
.cke_editable ol[start="39"] {
  counter-reset: item 38;
}
/* line 172, sass/ckeditor/_ckeditor.scss */
.ckec ol[start="40"],
.cke_editable ol[start="40"] {
  counter-reset: item 39;
}
/* line 177, sass/ckeditor/_ckeditor.scss */
.ckec ul,
.cke_editable ul {
  overflow: hidden;
  margin-top: 0.44444444em;
  padding-left: 0.66666667em;
  list-style: none;
}
/* line 185, sass/ckeditor/_ckeditor.scss */
.ckec ul > li,
.cke_editable ul > li {
  position: relative;
  display: block;
  padding-left: 1.22222222em;
}
/* line 192, sass/ckeditor/_ckeditor.scss */
.ckec ul > li:before,
.cke_editable ul > li:before {
  position: absolute;
  top: 0.52222222em;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background-color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 192, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li:before,
  .cke_editable ul > li:before {
    top: 0.5em;
    width: 7px;
    height: 7px;
  }
}
@media screen and (max-width: 767px) {
  /* line 192, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li:before,
  .cke_editable ul > li:before {
    top: 9px;
    width: 5px;
    height: 5px;
  }
}
/* line 222, sass/ckeditor/_ckeditor.scss */
.ckec ul > li > ul,
.cke_editable ul > li > ul {
  font-size: 1rem;
  overflow: visible;
  margin: 0.66666667em 0;
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  /* line 222, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li > ul,
  .cke_editable ul > li > ul {
    font-size: 0.875rem;
  }
}
/* line 233, sass/ckeditor/_ckeditor.scss */
.ckec ul > li > ul > li,
.cke_editable ul > li > ul > li {
  padding-left: 1.27777778em;
}
/* line 236, sass/ckeditor/_ckeditor.scss */
.ckec ul > li > ul > li:before,
.cke_editable ul > li > ul > li:before {
  top: 0.44444444em;
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0;
}
@media screen and (max-width: 1439px) {
  /* line 236, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li > ul > li:before,
  .cke_editable ul > li > ul > li:before {
    top: 0.5em;
    width: 6px;
    height: 6px;
  }
}
@media screen and (max-width: 991px) {
  /* line 236, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li > ul > li:before,
  .cke_editable ul > li > ul > li:before {
    top: 8px;
    width: 5px;
    height: 5px;
  }
}
@media screen and (max-width: 767px) {
  /* line 236, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li > ul > li:before,
  .cke_editable ul > li > ul > li:before {
    top: 9px;
    width: 4px;
    height: 4px;
  }
}
/* line 268, sass/ckeditor/_ckeditor.scss */
.ckec ul > li > ul > li > ul,
.cke_editable ul > li > ul > li > ul {
  margin-left: 0;
}
/* line 271, sass/ckeditor/_ckeditor.scss */
.ckec ul > li > ul > li > ul > li,
.cke_editable ul > li > ul > li > ul > li {
  padding-left: 1.22222222em;
}
/* line 274, sass/ckeditor/_ckeditor.scss */
.ckec ul > li > ul > li > ul > li:before,
.cke_editable ul > li > ul > li > ul > li:before {
  font-weight: 700;
  line-height: 1;
  top: 0.16666667em;
  content: "-";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: #732b76;
  border: none;
  background: none !important;
}
/* line 287, sass/ckeditor/_ckeditor.scss */
.rte--lightblue .ckec ul > li > ul > li > ul > li:before, .rte--lightblue
.cke_editable ul > li > ul > li > ul > li:before {
  color: #3C9CBF;
}
/* line 291, sass/ckeditor/_ckeditor.scss */
.rte--blue .ckec ul > li > ul > li > ul > li:before, .rte--blue
.cke_editable ul > li > ul > li > ul > li:before {
  color: #1773AE;
}
@media screen and (max-width: 991px) {
  /* line 274, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li > ul > li > ul > li:before,
  .cke_editable ul > li > ul > li > ul > li:before {
    top: 0.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 274, sass/ckeditor/_ckeditor.scss */
  .ckec ul > li > ul > li > ul > li:before,
  .cke_editable ul > li > ul > li > ul > li:before {
    top: 2px;
  }
}
/* line 309, sass/ckeditor/_ckeditor.scss */
.ckec ol[style*="lower-roman"], .ckec ol[style*="upper-roman"], .ckec ol[style*="lower-alpha"], .ckec ol[style*="upper-alpha"],
.cke_editable ol[style*="lower-roman"],
.cke_editable ol[style*="upper-roman"],
.cke_editable ol[style*="lower-alpha"],
.cke_editable ol[style*="upper-alpha"] {
  padding-left: 1.5em;
}
/* line 315, sass/ckeditor/_ckeditor.scss */
.ckec ol[style*="lower-roman"] li, .ckec ol[style*="upper-roman"] li, .ckec ol[style*="lower-alpha"] li, .ckec ol[style*="upper-alpha"] li,
.cke_editable ol[style*="lower-roman"] li,
.cke_editable ol[style*="upper-roman"] li,
.cke_editable ol[style*="lower-alpha"] li,
.cke_editable ol[style*="upper-alpha"] li {
  display: list-item;
}
/* line 318, sass/ckeditor/_ckeditor.scss */
.ckec ol[style*="lower-roman"] li:before, .ckec ol[style*="upper-roman"] li:before, .ckec ol[style*="lower-alpha"] li:before, .ckec ol[style*="upper-alpha"] li:before,
.cke_editable ol[style*="lower-roman"] li:before,
.cke_editable ol[style*="upper-roman"] li:before,
.cke_editable ol[style*="lower-alpha"] li:before,
.cke_editable ol[style*="upper-alpha"] li:before {
  display: none;
}
/* line 323, sass/ckeditor/_ckeditor.scss */
.ckec ol[style*="lower-roman"] > li, .ckec ol[style*="upper-roman"] > li, .ckec ol[style*="lower-alpha"] > li, .ckec ol[style*="upper-alpha"] > li,
.cke_editable ol[style*="lower-roman"] > li,
.cke_editable ol[style*="upper-roman"] > li,
.cke_editable ol[style*="lower-alpha"] > li,
.cke_editable ol[style*="upper-alpha"] > li {
  padding-left: .6em;
}
/* line 326, sass/ckeditor/_ckeditor.scss */
.ckec ol[style*="lower-roman"] > li > ol, .ckec ol[style*="upper-roman"] > li > ol, .ckec ol[style*="lower-alpha"] > li > ol, .ckec ol[style*="upper-alpha"] > li > ol,
.cke_editable ol[style*="lower-roman"] > li > ol,
.cke_editable ol[style*="upper-roman"] > li > ol,
.cke_editable ol[style*="lower-alpha"] > li > ol,
.cke_editable ol[style*="upper-alpha"] > li > ol {
  padding-left: 1.5em;
  list-style: inherit;
}
/* line 331, sass/ckeditor/_ckeditor.scss */
.ckec ol[style*="lower-roman"] > li > ol li, .ckec ol[style*="upper-roman"] > li > ol li, .ckec ol[style*="lower-alpha"] > li > ol li, .ckec ol[style*="upper-alpha"] > li > ol li,
.cke_editable ol[style*="lower-roman"] > li > ol li,
.cke_editable ol[style*="upper-roman"] > li > ol li,
.cke_editable ol[style*="lower-alpha"] > li > ol li,
.cke_editable ol[style*="upper-alpha"] > li > ol li {
  padding-left: .6em;
}
/* line 334, sass/ckeditor/_ckeditor.scss */
.ckec ol[style*="lower-roman"] > li > ol ol, .ckec ol[style*="upper-roman"] > li > ol ol, .ckec ol[style*="lower-alpha"] > li > ol ol, .ckec ol[style*="upper-alpha"] > li > ol ol,
.cke_editable ol[style*="lower-roman"] > li > ol ol,
.cke_editable ol[style*="upper-roman"] > li > ol ol,
.cke_editable ol[style*="lower-alpha"] > li > ol ol,
.cke_editable ol[style*="upper-alpha"] > li > ol ol {
  padding-left: 1.5em;
  list-style: inherit;
}
/* line 345, sass/ckeditor/_ckeditor.scss */
.ckec ul[style*="circle"], .ckec ul[style*="disc"], .ckec ul[style*="square"],
.cke_editable ul[style*="circle"],
.cke_editable ul[style*="disc"],
.cke_editable ul[style*="square"] {
  padding-left: 1.5em;
}
/* line 350, sass/ckeditor/_ckeditor.scss */
.ckec ul[style*="circle"] li, .ckec ul[style*="disc"] li, .ckec ul[style*="square"] li,
.cke_editable ul[style*="circle"] li,
.cke_editable ul[style*="disc"] li,
.cke_editable ul[style*="square"] li {
  display: list-item;
}
/* line 353, sass/ckeditor/_ckeditor.scss */
.ckec ul[style*="circle"] li:before, .ckec ul[style*="disc"] li:before, .ckec ul[style*="square"] li:before,
.cke_editable ul[style*="circle"] li:before,
.cke_editable ul[style*="disc"] li:before,
.cke_editable ul[style*="square"] li:before {
  display: none;
}
/* line 358, sass/ckeditor/_ckeditor.scss */
.ckec ul[style*="circle"] > li, .ckec ul[style*="disc"] > li, .ckec ul[style*="square"] > li,
.cke_editable ul[style*="circle"] > li,
.cke_editable ul[style*="disc"] > li,
.cke_editable ul[style*="square"] > li {
  padding-left: .2em;
}
/* line 361, sass/ckeditor/_ckeditor.scss */
.ckec ul[style*="circle"] > li > ul, .ckec ul[style*="disc"] > li > ul, .ckec ul[style*="square"] > li > ul,
.cke_editable ul[style*="circle"] > li > ul,
.cke_editable ul[style*="disc"] > li > ul,
.cke_editable ul[style*="square"] > li > ul {
  padding-left: 1.5em;
  list-style: inherit;
}
/* line 366, sass/ckeditor/_ckeditor.scss */
.ckec ul[style*="circle"] > li > ul li, .ckec ul[style*="disc"] > li > ul li, .ckec ul[style*="square"] > li > ul li,
.cke_editable ul[style*="circle"] > li > ul li,
.cke_editable ul[style*="disc"] > li > ul li,
.cke_editable ul[style*="square"] > li > ul li {
  padding-left: .2em;
}
/* line 369, sass/ckeditor/_ckeditor.scss */
.ckec ul[style*="circle"] > li > ul ul, .ckec ul[style*="disc"] > li > ul ul, .ckec ul[style*="square"] > li > ul ul,
.cke_editable ul[style*="circle"] > li > ul ul,
.cke_editable ul[style*="disc"] > li > ul ul,
.cke_editable ul[style*="square"] > li > ul ul {
  padding-left: 1.5em;
  list-style: inherit;
}
/* line 420, sass/ckeditor/_ckeditor.scss */
.rte--lightblue ul > li:before {
  background-color: #3C9CBF;
}
/* line 424, sass/ckeditor/_ckeditor.scss */
.rte--lightblue ul > li > ul > li > ul > li:before {
  color: #3C9CBF;
}
/* line 429, sass/ckeditor/_ckeditor.scss */
.rte--lightblue ol > li:before {
  color: #3C9CBF;
}
/* line 436, sass/ckeditor/_ckeditor.scss */
.rte--blue ul > li:before {
  background-color: #1773AE;
}
/* line 440, sass/ckeditor/_ckeditor.scss */
.rte--blue ul > li > ul > li > ul > li:before {
  color: #1773AE;
}
/* line 445, sass/ckeditor/_ckeditor.scss */
.rte--blue ol > li:before {
  color: #1773AE;
}
/* line 451, sass/ckeditor/_ckeditor.scss */
.cke_editable .collapse {
  display: block;
}
/* line 458, sass/ckeditor/_ckeditor.scss */
.cke_editable .cke-rc-hint:hover,
.cke_editable .cke-list-block-parent:hover,
.cke_editable .cke-list-block-wrap-parent:hover {
  position: relative;
}
/* line 461, sass/ckeditor/_ckeditor.scss */
.cke_editable .cke-rc-hint:hover:after,
.cke_editable .cke-list-block-parent:hover:after,
.cke_editable .cke-list-block-wrap-parent:hover:after {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  z-index: 999;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 3px 5px;
  content: "Select & Right-click for item control";
  color: #ffffff;
  background: rgba(153, 153, 153, 0.6);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
/* line 1, sass/component/_button.scss */
button,
input[type=button], .btn, .fileinput-button {
  line-height: 1;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  white-space: normal;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
/* line 22, sass/component/_button.scss */
[data-whatinput="touch"] button, [data-whatinput="touch"]
input[type=button], [data-whatinput="touch"] .btn, [data-whatinput="touch"] .fileinput-button {
  outline: none !important;
}
/* line 26, sass/component/_button.scss */
button:hover, button:focus, button:active, button.active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=button].active, .btn:hover, .fileinput-button:hover, .btn:focus, .fileinput-button:focus, .btn:active, .fileinput-button:active, .btn.active, .active.fileinput-button {
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 36, sass/component/_button.scss */
.btn-grp {
  margin: 1.875rem 0;
}
/* line 39, sass/component/_button.scss */
.btn-grp .btn, .btn-grp .fileinput-button {
  margin-bottom: 0.625rem;
}
/* line 43, sass/component/_button.scss */
.btn-grp--center {
  text-align: center;
}
/* line 47, sass/component/_button.scss */
.btn-grp--inline {
  margin: 0;
}
/* line 50, sass/component/_button.scss */
.btn-grp--inline .btn:only-child, .btn-grp--inline .fileinput-button:only-child {
  margin-bottom: 0;
}
/* line 55, sass/component/_button.scss */
.btn-grp--btn-right {
  text-align: right;
}
/* line 59, sass/component/_button.scss */
.btn-grp--right {
  margin-left: auto;
}
/* line 63, sass/component/_button.scss */
.btn-grp--no-top-margin {
  margin-top: 0;
}
/* line 68, sass/component/_button.scss */
.btn-grp--btn-no-top-margin .btn, .btn-grp--btn-no-top-margin .fileinput-button {
  margin-top: 0;
}
/* line 73, sass/component/_button.scss */
.btn-grp--even-margin {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}
/* line 77, sass/component/_button.scss */
.btn-grp--even-margin .btn, .btn-grp--even-margin .fileinput-button {
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  /* line 83, sass/component/_button.scss */
  .btn-grp--xs-center {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  /* line 91, sass/component/_button.scss */
  .btn-grp--xs-row .btn, .btn-grp--xs-row .fileinput-button {
    margin-bottom: 20px;
  }
}
/* line 97, sass/component/_button.scss */
.btn-grp--inner {
  margin: 5.625rem 0 2.125rem;
}
/* line 102, sass/component/_button.scss */
.container > .btn-grp:last-child {
  margin-bottom: 4.6875rem;
}
@media screen and (max-width: 767px) {
  /* line 102, sass/component/_button.scss */
  .container > .btn-grp:last-child {
    margin-bottom: 5.625rem;
  }
}
/* line 110, sass/component/_button.scss */
.page-content:last-child .btn-grp:last-child {
  margin-bottom: 6.75rem;
}
@media screen and (max-width: 991px) {
  /* line 110, sass/component/_button.scss */
  .page-content:last-child .btn-grp:last-child {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 110, sass/component/_button.scss */
  .page-content:last-child .btn-grp:last-child {
    margin-bottom: 3.75rem;
  }
}
/* line 123, sass/component/_button.scss */
.btn, .fileinput-button {
  font-size: 1.125rem;
  line-height: 1;
  position: relative;
  z-index: 0;
  text-align: center;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 123, sass/component/_button.scss */
  .btn, .fileinput-button {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 123, sass/component/_button.scss */
  .btn, .fileinput-button {
    font-size: 0.8125rem;
  }
}
/* line 140, sass/component/_button.scss */
.btn:before, .fileinput-button:before, .btn:after, .fileinput-button:after {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 145, sass/component/_button.scss */
p .btn, p .fileinput-button {
  margin-bottom: 0.55555556em;
}
/* line 149, sass/component/_button.scss */
.btn:hover, .fileinput-button:hover, .btn:focus, .fileinput-button:focus {
  color: #000000;
}
/* line 154, sass/component/_button.scss */
.btn:after, .fileinput-button:after,
.btn .ico,
.fileinput-button .ico {
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
}
/* line 159, sass/component/_button.scss */
.btn__text {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
}
/* line 165, sass/component/_button.scss */
.btn--shine, .btn--default, .btn--form, .btn-primary, .btn--after, .btn--s-border, .btn--s-search {
  overflow: hidden;
}
/* line 168, sass/component/_button.scss */
.btn--shine:after, .btn--default:after, .btn--form:after, .btn-primary:after, .btn--after:after, .btn--s-border:after, .btn--s-search:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 200%;
  width: 40%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  pointer-events: none;
  background: rgba(255, 255, 255, 0.05);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
/* line 186, sass/component/_button.scss */
.btn--shine:hover, .btn--default:hover, .btn--form:hover, .btn-primary:hover, .btn--after:hover, .btn--s-border:hover, .btn--s-search:hover, .btn--shine:focus, .btn--default:focus, .btn--form:focus, .btn-primary:focus, .btn--after:focus, .btn--s-border:focus, .btn--s-search:focus, .btn--shine:active, .btn--default:active, .btn--form:active, .btn-primary:active, .btn--after:active, .btn--s-border:active, .btn--s-search:active {
  text-shadow: 0 0 0.22222222em rgba(255, 255, 255, 0.4);
}
/* line 198, sass/component/_button.scss */
.btn--default, .btn--form, .btn-primary {
  padding: 0.77777778em 3.27777778em 0.94444444em;
}
/* line 205, sass/component/_button.scss */
.btn--today {
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
  padding: 0.75em 0.3125em 0.6875em;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 205, sass/component/_button.scss */
  .btn--today {
    font-size: 0.875rem;
  }
}
/* line 218, sass/component/_button.scss */
.btn--after {
  line-height: 1.15;
  padding-right: 3.05555556em;
  text-align: left;
}
/* line 227, sass/component/_button.scss */
.btn--after .btn__text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 500;
  padding: 1em 1.11111111em;
}
@media screen and (max-width: 991px) {
  /* line 227, sass/component/_button.scss */
  .btn--after .btn__text {
    padding-top: 0.76923077em;
    padding-bottom: 0.76923077em;
  }
}
/* line 239, sass/component/_button.scss */
.btn--after:before {
  font-family: icomoon;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #621c65;
}
/* line 258, sass/component/_button.scss */
.btn--purple, .btn--submit {
  color: #ffffff;
  background-color: #732b76;
}
/* line 262, sass/component/_button.scss */
.btn--purple .btn__text, .btn--submit .btn__text {
  color: #ffffff;
}
/* line 266, sass/component/_button.scss */
.btn--purple:hover, .btn--submit:hover, .btn--purple:focus, .btn--submit:focus {
  color: #ffffff;
  background-color: #732b76;
}
/* line 271, sass/component/_button.scss */
.btn--purple:hover .btn__text, .btn--submit:hover .btn__text, .btn--purple:focus .btn__text, .btn--submit:focus .btn__text {
  color: #ffffff;
}
/* line 275, sass/component/_button.scss */
.btn--purple:hover .ico, .btn--submit:hover .ico, .btn--purple:focus .ico, .btn--submit:focus .ico {
  color: #ffffff;
}
/* line 280, sass/component/_button.scss */
.btn--purple:before, .btn--submit:before {
  color: #ffffff;
  background-color: #621c65;
}
/* line 286, sass/component/_button.scss */
.btn--blue {
  color: #ffffff;
  background-color: #1b4cc3;
}
/* line 290, sass/component/_button.scss */
.btn--blue .btn__text {
  color: #ffffff;
}
/* line 294, sass/component/_button.scss */
.btn--blue:hover, .btn--blue:focus {
  color: #ffffff;
}
/* line 298, sass/component/_button.scss */
.btn--blue:hover .btn__text, .btn--blue:focus .btn__text {
  color: #ffffff;
}
/* line 303, sass/component/_button.scss */
.btn--blue:hover .ico, .btn--blue:focus .ico {
  color: #ffffff;
}
/* line 308, sass/component/_button.scss */
.btn--blue:before {
  color: #ffffff;
  background-color: #1440ab;
}
/* line 315, sass/component/_button.scss */
.btn--darkblue {
  color: #ffffff;
  background-color: #294179;
}
/* line 319, sass/component/_button.scss */
.btn--darkblue .btn__text {
  color: #ffffff;
}
/* line 323, sass/component/_button.scss */
.btn--darkblue:hover, .btn--darkblue:focus {
  color: #ffffff;
}
/* line 327, sass/component/_button.scss */
.btn--darkblue:hover .btn__text, .btn--darkblue:focus .btn__text {
  color: #ffffff;
}
/* line 331, sass/component/_button.scss */
.btn--darkblue:hover .ico, .btn--darkblue:focus .ico {
  color: #ffffff;
}
/* line 336, sass/component/_button.scss */
.btn--darkblue:before {
  color: #ffffff;
  background-color: #252f6a;
}
/* line 342, sass/component/_button.scss */
.btn--white {
  color: #000000;
  background-color: #ffffff;
}
/* line 346, sass/component/_button.scss */
.btn--white .btn__text {
  color: #000000;
}
/* line 350, sass/component/_button.scss */
.btn--white:hover, .btn--white:focus {
  color: #000000;
}
/* line 354, sass/component/_button.scss */
.btn--white:hover .btn__text, .btn--white:focus .btn__text {
  color: #000000;
}
/* line 358, sass/component/_button.scss */
.btn--white:hover .ico, .btn--white:focus .ico {
  color: #000000;
}
/* line 363, sass/component/_button.scss */
.btn--white:before {
  color: #585858;
  background-color: #ebebeb;
}
/* line 369, sass/component/_button.scss */
.btn--white.btn--after::after {
  background: rgba(255, 255, 255, 0.45);
}
/* line 375, sass/component/_button.scss */
.btn--green {
  color: #ffffff;
  background-color: #6BA025;
}
/* line 379, sass/component/_button.scss */
.btn--green .btn__text {
  color: #ffffff;
}
/* line 383, sass/component/_button.scss */
.btn--green:hover, .btn--green:focus {
  color: #ffffff;
}
/* line 387, sass/component/_button.scss */
.btn--green:hover .btn__text, .btn--green:focus .btn__text {
  color: #ffffff;
}
/* line 391, sass/component/_button.scss */
.btn--green:hover .ico, .btn--green:focus .ico {
  color: #ffffff;
}
/* line 396, sass/component/_button.scss */
.btn--green:before {
  color: #ffffff;
  background-color: #547717;
}
/* line 402, sass/component/_button.scss */
.btn--lightblue {
  color: #ffffff;
  background-color: #039CE4;
}
/* line 406, sass/component/_button.scss */
.btn--lightblue .btn__text {
  color: #ffffff;
}
/* line 410, sass/component/_button.scss */
.btn--lightblue:hover, .btn--lightblue:focus {
  color: #ffffff;
}
/* line 414, sass/component/_button.scss */
.btn--lightblue:hover .btn__text, .btn--lightblue:focus .btn__text {
  color: #ffffff;
}
/* line 418, sass/component/_button.scss */
.btn--lightblue:hover .ico, .btn--lightblue:focus .ico {
  color: #ffffff;
}
/* line 423, sass/component/_button.scss */
.btn--lightblue:before {
  color: #ffffff;
  background-color: #007FBA;
}
/* line 429, sass/component/_button.scss */
.btn--orange {
  color: #ffffff;
  background-color: #E66A3F;
}
/* line 433, sass/component/_button.scss */
.btn--orange .btn__text {
  color: #ffffff;
}
/* line 437, sass/component/_button.scss */
.btn--orange:hover, .btn--orange:focus {
  color: #ffffff;
}
/* line 441, sass/component/_button.scss */
.btn--orange:hover .btn__text, .btn--orange:focus .btn__text {
  color: #ffffff;
}
/* line 445, sass/component/_button.scss */
.btn--orange:hover .ico, .btn--orange:focus .ico {
  color: #ffffff;
}
/* line 450, sass/component/_button.scss */
.btn--orange:before {
  color: #ffffff;
  background-color: #C5481D;
}
/* line 456, sass/component/_button.scss */
.btn--pink {
  color: #ffffff;
  background-color: #D051A8;
}
/* line 460, sass/component/_button.scss */
.btn--pink .btn__text {
  color: #ffffff;
}
/* line 464, sass/component/_button.scss */
.btn--pink:hover, .btn--pink:focus {
  color: #ffffff;
}
/* line 468, sass/component/_button.scss */
.btn--pink:hover .btn__text, .btn--pink:focus .btn__text {
  color: #ffffff;
}
/* line 472, sass/component/_button.scss */
.btn--pink:hover .ico, .btn--pink:focus .ico {
  color: #ffffff;
}
/* line 477, sass/component/_button.scss */
.btn--pink:before {
  color: #ffffff;
  background-color: #B3338B;
}
/* line 483, sass/component/_button.scss */
.btn--cookie {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.1875rem;
  font-weight: 500;
  padding: 0.89473684em 1.57894737em;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 483, sass/component/_button.scss */
  .btn--cookie {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 483, sass/component/_button.scss */
  .btn--cookie {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 483, sass/component/_button.scss */
  .btn--cookie {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 483, sass/component/_button.scss */
  .btn--cookie {
    font-size: 0.8125rem;
  }
}
/* line 505, sass/component/_button.scss */
.btn--cookie:hover, .btn--cookie:focus {
  color: #732b76;
}
/* line 509, sass/component/_button.scss */
.btn--cookie:hover .ico, .btn--cookie:focus .ico {
  color: #732b76;
}
/* line 516, sass/component/_button.scss */
.btn--download:before {
  font-size: 1.33333333em;
  width: 2.29166667em;
  height: 100%;
  content: "";
}
@media screen and (max-width: 991px) {
  /* line 516, sass/component/_button.scss */
  .btn--download:before {
    font-size: 1.38461538em;
    width: 1.83333333em;
  }
}
/* line 536, sass/component/_button.scss */
.btn--ext:before {
  font-size: 1.22222222em;
  width: 2.5em;
  height: 100%;
  content: "";
}
@media screen and (max-width: 991px) {
  /* line 536, sass/component/_button.scss */
  .btn--ext:before {
    font-size: 1.38461538em;
    width: 1.83333333em;
  }
}
/* line 556, sass/component/_button.scss */
.btn--file:before {
  font-size: 1.33333333em;
  width: 2.29166667em;
  height: 100%;
  content: "";
}
@media screen and (max-width: 991px) {
  /* line 556, sass/component/_button.scss */
  .btn--file:before {
    font-size: 1.38461538em;
    width: 1.83333333em;
  }
}
/* line 576, sass/component/_button.scss */
.btn--share:before {
  font-size: 1.33333333em;
  width: 2.29166667em;
  height: 100%;
  content: "";
}
@media screen and (max-width: 991px) {
  /* line 576, sass/component/_button.scss */
  .btn--share:before {
    font-size: 1.38461538em;
    width: 1.83333333em;
  }
}
/* line 595, sass/component/_button.scss */
.btn--dropdown {
  font-size: 0.9375rem;
  width: 100%;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  /* line 595, sass/component/_button.scss */
  .btn--dropdown {
    font-size: 0.8125rem;
  }
}
/* line 608, sass/component/_button.scss */
.btn--dropdown[aria-expanded="true"]:before {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
/* line 613, sass/component/_button.scss */
.btn--dropdown:before {
  font-size: 1.33333333em;
  line-height: 2.3;
  width: 2.3em;
  height: 100%;
  content: "";
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 991px) {
  /* line 613, sass/component/_button.scss */
  .btn--dropdown:before {
    font-size: 1.30769231em;
    line-height: 1.94117647;
  }
}
/* line 630, sass/component/_button.scss */
.btn--arrow:before {
  font-size: 1.72222222em;
  width: 1.77419355em;
  height: 100%;
  content: "";
}
@media screen and (max-width: 991px) {
  /* line 630, sass/component/_button.scss */
  .btn--arrow:before {
    font-size: 1.38461538em;
    width: 1.83333333em;
  }
}
/* line 649, sass/component/_button.scss */
.btn--text-dark {
  color: #333333;
}
/* line 652, sass/component/_button.scss */
.btn--text-dark:hover, .btn--text-dark:focus {
  color: #333333;
}
/* line 658, sass/component/_button.scss */
.btn--upcase {
  text-transform: uppercase;
}
/* line 662, sass/component/_button.scss */
.btn--inline-arrow {
  font-size: 1rem;
}
@media screen and (max-width: 1199px) {
  /* line 662, sass/component/_button.scss */
  .btn--inline-arrow {
    font-size: 0.875rem;
  }
}
/* line 668, sass/component/_button.scss */
.btn--inline-arrow .btn__text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-weight: 500;
}
/* line 675, sass/component/_button.scss */
.btn--inline-arrow:after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: baseline;
  *display: inline;
  *zoom: 1;
  font-size: 0.8125em;
  margin-left: 1em;
  content: "";
}
@media screen and (max-width: 991px) {
  /* line 675, sass/component/_button.scss */
  .btn--inline-arrow:after {
    vertical-align: middle;
  }
}
/* line 691, sass/component/_button.scss */
.btn--inline-arrow:hover:after, .btn--inline-arrow:focus:after {
  -webkit-transform: scaleY(1) translate3d(4px, 0, 0);
  transform: scaleY(1) translate3d(4px, 0, 0);
  -webkit-animation: flipout 1.2s;
  animation: flipout 1.2s;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
/* line 699, sass/component/_button.scss */
.btn--inline-external {
  font-size: 1rem;
}
@media screen and (max-width: 1199px) {
  /* line 699, sass/component/_button.scss */
  .btn--inline-external {
    font-size: 0.875rem;
  }
}
/* line 705, sass/component/_button.scss */
.btn--inline-external .btn__text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-weight: 500;
}
/* line 712, sass/component/_button.scss */
.btn--inline-external:after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.8125em;
  margin-left: 1em;
  content: "";
}
/* line 725, sass/component/_button.scss */
.btn--inline-external:hover:after, .btn--inline-external:focus:after {
  -webkit-transform: translate3d(3px, 0, 0);
  transform: translate3d(3px, 0, 0);
}
/* line 734, sass/component/_button.scss */
.btn--inline-hvr-purple:hover .btn__text, .btn--inline-hvr-purple:hover:after, .btn--inline-hvr-purple:focus .btn__text, .btn--inline-hvr-purple:focus:after {
  color: #732b76;
}
/* line 742, sass/component/_button.scss */
.btn--underline-text .btn__text {
  text-decoration: underline;
}
/* line 747, sass/component/_button.scss */
.btn--inline-circle-arrow {
  font-size: 1rem;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  /* line 747, sass/component/_button.scss */
  .btn--inline-circle-arrow {
    font-size: 0.875rem;
  }
}
/* line 755, sass/component/_button.scss */
.btn--inline-circle-arrow .btn__text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-weight: 500;
}
/* line 762, sass/component/_button.scss */
.btn--inline-circle-arrow:after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.75em;
  width: 1.75em;
  height: 1.75em;
  margin-left: 1em;
  padding-top: 0.41666667em;
  padding-left: 0.08333333em;
  content: "";
  text-align: center;
  border-radius: 50%;
  background-color: #E1E1E1;
}
/* line 783, sass/component/_button.scss */
.btn--inline-circle-arrow:hover .btn__text, .btn--inline-circle-arrow:hover:after, .btn--inline-circle-arrow:focus .btn__text, .btn--inline-circle-arrow:focus:after {
  color: #732b76;
}
/* line 788, sass/component/_button.scss */
.btn--inline-circle-arrow:hover:after, .btn--inline-circle-arrow:focus:after {
  -webkit-transform: scaleY(1) translate3d(4px, 0, 0);
  transform: scaleY(1) translate3d(4px, 0, 0);
  -webkit-animation: flipout 1.2s;
  animation: flipout 1.2s;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
/* line 796, sass/component/_button.scss */
.btn--load {
  font-size: 1rem;
  display: block;
  width: 6.25em;
  margin: 3.75em auto;
}
@media screen and (max-width: 1199px) {
  /* line 796, sass/component/_button.scss */
  .btn--load {
    font-size: 0.875rem;
  }
}
/* line 807, sass/component/_button.scss */
.btn--load .ico {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 2.625em;
  margin-bottom: 0.33333333em;
}
/* line 815, sass/component/_button.scss */
.btn--load .ico span:before {
  color: #732b76;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(1):before {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(2):before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(3):before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(4):before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(5):before {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(6):before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(7):before {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(8):before {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
/* line 822, sass/component/_button.scss */
.btn--load .ico span:nth-child(9):before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
/* line 829, sass/component/_button.scss */
.btn--load .btn__text {
  font-weight: 700;
  line-height: 1;
  display: block;
  color: #732b76;
}
/* line 838, sass/component/_button.scss */
.btn--load.btn--popload {
  margin: 0 auto;
}
/* line 842, sass/component/_button.scss */
.btn--load.btn--popload span:before {
  color: #ffffff;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(1):before {
  -webkit-animation-delay: 0.024s;
  animation-delay: 0.024s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(2):before {
  -webkit-animation-delay: 0.048s;
  animation-delay: 0.048s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(3):before {
  -webkit-animation-delay: 0.072s;
  animation-delay: 0.072s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(4):before {
  -webkit-animation-delay: 0.096s;
  animation-delay: 0.096s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(5):before {
  -webkit-animation-delay: 0.12s;
  animation-delay: 0.12s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(6):before {
  -webkit-animation-delay: 0.144s;
  animation-delay: 0.144s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(7):before {
  -webkit-animation-delay: 0.168s;
  animation-delay: 0.168s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(8):before {
  -webkit-animation-delay: 0.192s;
  animation-delay: 0.192s;
}
/* line 849, sass/component/_button.scss */
.btn--load.btn--popload span:nth-child(9):before {
  -webkit-animation-delay: 0.216s;
  animation-delay: 0.216s;
}
/* line 857, sass/component/_button.scss */
.btn--s-border {
  padding: 0.66666667em 3.05555556em 0.83333333em;
  color: #7B7B7B;
  border: 1px solid #7B7B7B;
  background-color: #ffffff;
}
/* line 866, sass/component/_button.scss */
.btn--s-border .btn__text {
  color: #7B7B7B;
}
/* line 869, sass/component/_button.scss */
.btn--s-border:hover, .btn--s-border:focus {
  background-color: #ffffff;
}
/* line 873, sass/component/_button.scss */
.btn--s-border:hover .btn__text, .btn--s-border:hover:after, .btn--s-border:focus .btn__text, .btn--s-border:focus:after {
  color: #4A5571;
}
/* line 880, sass/component/_button.scss */
.btn--s-search {
  padding: 0.72222222em 2.66666667em 0.88888889em;
  background-color: #1b4cc3;
}
/* line 887, sass/component/_button.scss */
.filter--grey .btn--s-search {
  background-color: #7B7B7B;
}
/* line 891, sass/component/_button.scss */
.btn--s-search .btn__text {
  color: #ffffff;
}
/* line 897, sass/component/_button.scss */
.btn--s-search:hover .btn__text, .btn--s-search:hover:after, .btn--s-search:focus .btn__text, .btn--s-search:focus:after {
  color: #ffffff;
}
/* line 904, sass/component/_button.scss */
.btn--inline-download {
  color: #732b76;
}
/* line 907, sass/component/_button.scss */
.btn--inline-download .btn__text {
  color: #732b76;
}
/* line 911, sass/component/_button.scss */
.btn--inline-download .ico {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-right: 0.55555556em;
}
/* line 917, sass/component/_button.scss */
.btn--inline-download:hover, .btn--inline-download:focus {
  color: #732b76;
}
/* line 921, sass/component/_button.scss */
.btn--inline-download:hover .btn__text, .btn--inline-download:focus .btn__text {
  color: #732b76;
}
/* line 925, sass/component/_button.scss */
.btn--inline-download:hover .ico, .btn--inline-download:focus .ico {
  color: #732b76;
}
/* line 1, sass/component/_social.scss */
.page-share {
  position: absolute;
  z-index: 3;
  right: 0;
}
/* line 6, sass/component/_social.scss */
.page-main--full .page-share {
  bottom: 3.5rem;
}
@media screen and (max-width: 991px) {
  /* line 6, sass/component/_social.scss */
  .page-main--full .page-share {
    bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 6, sass/component/_social.scss */
  .page-main--full .page-share {
    top: 0.9375rem;
    right: 0.9375rem;
    bottom: auto;
  }
}
/* line 18, sass/component/_social.scss */
.page-main--breadonly .page-share {
  bottom: 2.25rem;
}
@media screen and (max-width: 991px) {
  /* line 18, sass/component/_social.scss */
  .page-main--breadonly .page-share {
    bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 18, sass/component/_social.scss */
  .page-main--breadonly .page-share {
    top: 0.8125rem;
    bottom: auto;
  }
}
/* line 31, sass/component/_social.scss */
.social-pop {
  font-size: 2.5rem;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 1439px) {
  /* line 31, sass/component/_social.scss */
  .social-pop {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 31, sass/component/_social.scss */
  .social-pop {
    font-size: 2.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 31, sass/component/_social.scss */
  .social-pop {
    font-size: 1.6875rem;
  }
}
/* line 48, sass/component/_social.scss */
.social-pop:hover .social-pop__inner, .social-pop:focus .social-pop__inner {
  visibility: visible;
}
/* line 51, sass/component/_social.scss */
.social-pop:hover .social-pop__trigger, .social-pop:focus .social-pop__trigger {
  color: #ffffff;
  text-shadow: 0rem -0.0625rem 0.375rem rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 991px) {
  /* line 51, sass/component/_social.scss */
  .social-pop:hover .social-pop__trigger, .social-pop:focus .social-pop__trigger {
    text-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.7);
  }
}
/* line 59, sass/component/_social.scss */
.section-row--breadonly .social-pop:hover .social-pop__trigger, .section-row--breadonly .social-pop:focus .social-pop__trigger {
  color: #732b76;
  text-shadow: none;
}
/* line 69, sass/component/_social.scss */
.social-pop:hover .social-pop__inner, .social-pop:focus .social-pop__inner, .social-pop.is-active .social-pop__inner {
  visibility: visible;
}
/* line 73, sass/component/_social.scss */
.social-pop:hover .social-pop__item .ico, .social-pop:focus .social-pop__item .ico, .social-pop.is-active .social-pop__item .ico {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  color: #ffffff;
  text-shadow: 0rem -0.0625rem 0.375rem rgba(0, 0, 0, 0.6);
}
/* line 80, sass/component/_social.scss */
.section-row--breadonly .social-pop:hover .social-pop__item .ico, .section-row--breadonly .social-pop:focus .social-pop__item .ico, .section-row--breadonly .social-pop.is-active .social-pop__item .ico {
  color: #621c65;
  text-shadow: none;
}
@media screen and (max-width: 991px) {
  /* line 73, sass/component/_social.scss */
  .social-pop:hover .social-pop__item .ico, .social-pop:focus .social-pop__item .ico, .social-pop.is-active .social-pop__item .ico {
    text-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.7);
  }
}
/* line 92, sass/component/_social.scss */
.social-pop__trigger {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1em;
  line-height: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.38);
}
@media screen and (max-width: 991px) {
  /* line 104, sass/component/_social.scss */
  .section-row--full .social-pop__trigger {
    text-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.7);
  }
}
/* line 109, sass/component/_social.scss */
.section-row--breadonly .social-pop__trigger {
  color: #585858;
  text-shadow: none;
}
/* line 113, sass/component/_social.scss */
.section-row--breadonly .social-pop__trigger .ico {
  color: #732b76;
}
/* line 118, sass/component/_social.scss */
.social-pop__trigger:focus, .social-pop__trigger:hover {
  color: #ffffff;
  text-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.6);
}
/* line 123, sass/component/_social.scss */
.section-row--breadonly .social-pop__trigger:focus, .section-row--breadonly .social-pop__trigger:hover {
  color: #732b76;
  text-shadow: none;
}
/* line 128, sass/component/_social.scss */
.social-pop__trigger:focus + .social-pop__inner, .social-pop__trigger:hover + .social-pop__inner {
  visibility: visible;
}
/* line 132, sass/component/_social.scss */
.social-pop__trigger:focus + .social-pop__inner .social-pop__item .ico, .social-pop__trigger:hover + .social-pop__inner .social-pop__item .ico {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  color: #ffffff;
  text-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 991px) {
  /* line 132, sass/component/_social.scss */
  .social-pop__trigger:focus + .social-pop__inner .social-pop__item .ico, .social-pop__trigger:hover + .social-pop__inner .social-pop__item .ico {
    text-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.7);
  }
}
/* line 142, sass/component/_social.scss */
.section-row--breadonly .social-pop__trigger:focus + .social-pop__inner .social-pop__item .ico, .section-row--breadonly .social-pop__trigger:hover + .social-pop__inner .social-pop__item .ico {
  color: #732b76;
  text-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.2);
}
/* line 151, sass/component/_social.scss */
.social-pop__trigger .ico {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-right: 0.3em;
}
@media screen and (max-width: 1439px) {
  /* line 151, sass/component/_social.scss */
  .social-pop__trigger .ico {
    font-size: 0.88888889em;
  }
}
@media screen and (max-width: 1199px) {
  /* line 151, sass/component/_social.scss */
  .social-pop__trigger .ico {
    margin-right: 0.20588235em;
  }
}
@media screen and (max-width: 767px) {
  /* line 151, sass/component/_social.scss */
  .social-pop__trigger .ico {
    margin-right: 0;
  }
}
/* line 166, sass/component/_social.scss */
.social-pop__trigger-text {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.45em;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  /* line 166, sass/component/_social.scss */
  .social-pop__trigger-text {
    display: none;
  }
}
/* line 177, sass/component/_social.scss */
.social-pop__inner {
  line-height: 1.25;
  position: absolute;
  right: 100%;
  bottom: 0;
  visibility: hidden;
  margin-right: 0.3em;
  -webkit-transition: visibility .3s;
  transition: visibility .3s;
  white-space: nowrap;
}
@media screen and (max-width: 1199px) {
  /* line 177, sass/component/_social.scss */
  .social-pop__inner {
    margin-right: 0.21052632em;
  }
}
@media screen and (max-width: 767px) {
  /* line 177, sass/component/_social.scss */
  .social-pop__inner {
    bottom: -0.11538462em;
  }
}
/* line 198, sass/component/_social.scss */
.social-pop__item {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
/* line 203, sass/component/_social.scss */
.social-pop__item:nth-child(0) .ico {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/* line 203, sass/component/_social.scss */
.social-pop__item:nth-child(1) .ico {
  -webkit-transition-delay: 0.08s;
  transition-delay: 0.08s;
}
/* line 203, sass/component/_social.scss */
.social-pop__item:nth-child(2) .ico {
  -webkit-transition-delay: 0.16s;
  transition-delay: 0.16s;
}
/* line 203, sass/component/_social.scss */
.social-pop__item:nth-child(3) .ico {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}
/* line 203, sass/component/_social.scss */
.social-pop__item:nth-child(4) .ico {
  -webkit-transition-delay: 0.32s;
  transition-delay: 0.32s;
}
/* line 203, sass/component/_social.scss */
.social-pop__item:nth-child(5) .ico {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
/* line 203, sass/component/_social.scss */
.social-pop__item:nth-child(6) .ico {
  -webkit-transition-delay: 0.48s;
  transition-delay: 0.48s;
}
/* line 209, sass/component/_social.scss */
.social-pop__item .ico {
  font-size: 0.7em;
  line-height: 1;
  display: block;
  margin: 0 0.3em;
  -webkit-transition: all 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
  color: #ffffff;
  text-shadow: 0rem -0.0625rem 0.375rem rgba(0, 0, 0, 0.6);
}
/* line 227, sass/component/_social.scss */
.section-row--breadonly .social-pop__item .ico {
  color: #732b76;
}
/* line 1, sass/component/_search.scss */
.searching-pop-fixed {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
}
/* line 11, sass/component/_search.scss */
.search-pop {
  font-size: 2.375rem;
  position: fixed;
  z-index: 30002;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 11, sass/component/_search.scss */
  .search-pop {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 11, sass/component/_search.scss */
  .search-pop {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 11, sass/component/_search.scss */
  .search-pop {
    font-size: 1.125rem;
  }
}
/* line 36, sass/component/_search.scss */
.search-pop--visible {
  display: block;
}
/* line 40, sass/component/_search.scss */
.search-pop__cont {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 5rem 0.78947368em 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 55, sass/component/_search.scss */
.search-pop__inner {
  position: relative;
  width: 72.1875%;
  max-height: 100%;
  -webkit-animation: fadeInUp 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.2s both;
  animation: fadeInUp 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.2s both;
}
@media screen and (max-width: 1439px) {
  /* line 55, sass/component/_search.scss */
  .search-pop__inner {
    width: 81.25%;
  }
}
@media screen and (max-width: 991px) {
  /* line 55, sass/component/_search.scss */
  .search-pop__inner {
    width: 100%;
  }
}
/* line 70, sass/component/_search.scss */
.search-pop__form {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 0.39473684em;
  padding-bottom: 3px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 70, sass/component/_search.scss */
  .search-pop__form {
    margin-bottom: 0;
    padding-bottom: 6px;
  }
}
/* line 86, sass/component/_search.scss */
.search-pop__border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation: slideInLeft .35s linear .5s both;
  animation: slideInLeft .35s linear .5s both;
  background-color: #D7D7D7;
}
@media screen and (max-width: 991px) {
  /* line 86, sass/component/_search.scss */
  .search-pop__border {
    height: 2px;
  }
}
/* line 102, sass/component/_search.scss */
.hidden + .search-pop__border {
  background-color: #732b76;
}
/* line 107, sass/component/_search.scss */
.search-pop__field {
  font-size: 1em;
  width: 100%;
  height: 2.23684211em;
  padding-right: 2.36842105em;
  padding-left: 0.71052632em;
  color: #732b76;
  border: 0;
}
@media screen and (max-width: 767px) {
  /* line 107, sass/component/_search.scss */
  .search-pop__field {
    padding-right: 2.8125rem;
    padding-left: 0.625rem;
  }
}
/* line 123, sass/component/_search.scss */
.search-pop__btn {
  font-size: 0.84210526em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2.8125em;
  -webkit-animation: fadeInUp 0.6s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.7s both;
  animation: fadeInUp 0.6s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.7s both;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 123, sass/component/_search.scss */
  .search-pop__btn {
    font-size: 1.125rem;
    width: 2.5em;
    height: 2.22222222em;
  }
}
/* line 144, sass/component/_search.scss */
.search-pop__pl {
  position: absolute;
  top: 0.39473684em;
  left: 0.52631579em;
  margin-right: 1.68421053em;
  text-align: left;
}
/* line 153, sass/component/_search.scss */
.search-pop__pl .typed-cursor {
  position: relative;
  color: transparent;
}
/* line 171, sass/component/_search.scss */
.search-pop__title {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
  color: #585858;
}
/* line 179, sass/component/_search.scss */
.search-pop__close {
  font-size: 0.71052632em;
  position: absolute;
  z-index: 1;
  top: 0.62962963em;
  right: 6.25%;
  padding: 0.37037037em;
  color: #D7D7D7;
}
@media screen and (max-width: 991px) {
  /* line 179, sass/component/_search.scss */
  .search-pop__close {
    font-size: 1.5rem;
    right: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 179, sass/component/_search.scss */
  .search-pop__close {
    font-size: 1.25rem;
    top: 0.3125rem;
    right: 0.3125rem;
  }
}
/* line 202, sass/component/_search.scss */
.search-pop__close:hover {
  color: #612364;
}
/* line 207, sass/component/_search.scss */
.search-pop__result {
  position: relative;
  padding-bottom: 5rem;
}
/* line 212, sass/component/_search.scss */
.search-pop__result .btn--load {
  position: absolute;
  z-index: 1;
  top: 5%;
  left: 50%;
  display: none;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
@media screen and (max-width: 767px) {
  /* line 212, sass/component/_search.scss */
  .search-pop__result .btn--load {
    font-size: 0.875rem;
  }
}
/* line 230, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-control-cse .gs-spelling,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title *,
.search-pop .search-pop__result .styleable-title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.3;
  height: auto;
  text-decoration: none;
  color: #732B76;
}
@media screen and (max-width: 1439px) {
  /* line 230, sass/component/_search.scss */
  .search-pop .search-pop__result .gsc-control-cse .gs-spelling,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title *,
  .search-pop .search-pop__result .styleable-title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 230, sass/component/_search.scss */
  .search-pop .search-pop__result .gsc-control-cse .gs-spelling,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title *,
  .search-pop .search-pop__result .styleable-title {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 230, sass/component/_search.scss */
  .search-pop .search-pop__result .gsc-control-cse .gs-spelling,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title *,
  .search-pop .search-pop__result .styleable-title {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 230, sass/component/_search.scss */
  .search-pop .search-pop__result .gsc-control-cse .gs-spelling,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title,
  .search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title *,
  .search-pop .search-pop__result .styleable-title {
    font-size: 1.125rem;
  }
}
/* line 258, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-control-cse .gs-spelling b,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title b,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title * b,
.search-pop .search-pop__result .styleable-title b {
  font-weight: 700;
}
/* line 262, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-control-cse .gs-spelling:hover, .search-pop .search-pop__result .gsc-control-cse .gs-spelling:focus,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title:hover,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title:focus,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title *:hover,
.search-pop .search-pop__result .gsc-control-cse .gs-result .gs-title *:focus,
.search-pop .search-pop__result .styleable-title:hover,
.search-pop .search-pop__result .styleable-title:focus {
  text-decoration: underline;
}
/* line 269, sass/component/_search.scss */
.search-pop .search-pop__result .gs-webResult div.gs-visibleUrl,
.search-pop .search-pop__result .gs-imageResult div.gs-visibleUrl {
  font-size: 1rem;
}
@media screen and (max-width: 1439px) {
  /* line 269, sass/component/_search.scss */
  .search-pop .search-pop__result .gs-webResult div.gs-visibleUrl,
  .search-pop .search-pop__result .gs-imageResult div.gs-visibleUrl {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 269, sass/component/_search.scss */
  .search-pop .search-pop__result .gs-webResult div.gs-visibleUrl,
  .search-pop .search-pop__result .gs-imageResult div.gs-visibleUrl {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 269, sass/component/_search.scss */
  .search-pop .search-pop__result .gs-webResult div.gs-visibleUrl,
  .search-pop .search-pop__result .gs-imageResult div.gs-visibleUrl {
    font-size: 0.75rem;
  }
}
/* line 284, sass/component/_search.scss */
.search-pop .search-pop__result .gs-webResult .gs-snippet,
.search-pop .search-pop__result .gs-imageResult .gs-snippet,
.search-pop .search-pop__result .gs-fileFormatType {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 1439px) {
  /* line 284, sass/component/_search.scss */
  .search-pop .search-pop__result .gs-webResult .gs-snippet,
  .search-pop .search-pop__result .gs-imageResult .gs-snippet,
  .search-pop .search-pop__result .gs-fileFormatType {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 284, sass/component/_search.scss */
  .search-pop .search-pop__result .gs-webResult .gs-snippet,
  .search-pop .search-pop__result .gs-imageResult .gs-snippet,
  .search-pop .search-pop__result .gs-fileFormatType {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 284, sass/component/_search.scss */
  .search-pop .search-pop__result .gs-webResult .gs-snippet,
  .search-pop .search-pop__result .gs-imageResult .gs-snippet,
  .search-pop .search-pop__result .gs-fileFormatType {
    font-size: 0.8125rem;
  }
}
/* line 302, sass/component/_search.scss */
.search-pop .search-pop__result .gs-webResult .gs-snippet b,
.search-pop .search-pop__result .gs-imageResult .gs-snippet b,
.search-pop .search-pop__result .gs-fileFormatType b {
  font-weight: 600;
}
/* line 307, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-above-wrapper-area {
  display: none;
}
/* line 311, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-webResult .gsc-result {
  padding-bottom: 1.5625rem;
}
@media screen and (max-width: 991px) {
  /* line 311, sass/component/_search.scss */
  .search-pop .search-pop__result .gsc-webResult .gsc-result {
    padding-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 311, sass/component/_search.scss */
  .search-pop .search-pop__result .gsc-webResult .gsc-result {
    padding-bottom: 1.125rem;
  }
}
/* line 321, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-table-result,
.search-pop .search-pop__result .gsc-thumbnail-inside,
.search-pop .search-pop__result .gsc-url-top {
  padding-left: 0;
}
/* line 328, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-results .gsc-cursor-box .gsc-cursor-page {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.875rem;
  color: #585858;
}
/* line 335, sass/component/_search.scss */
.search-pop .search-pop__result .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.9375rem;
  color: #732b76;
}
/* line 346, sass/component/_search.scss */
.no-js .normal-text {
  display: none;
}
/* line 352, sass/component/_search.scss */
.fallback-text {
  display: none;
}
/* line 355, sass/component/_search.scss */
.no-js .fallback-text {
  display: block;
}
/* line 6, sass/component/_form.scss */
label.text-danger {
  font-size: 0.875rem;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  /* line 6, sass/component/_form.scss */
  label.text-danger {
    font-size: 0.75rem;
  }
}
/* line 14, sass/component/_form.scss */
.form-group {
  font-size: 1.125rem;
  margin-bottom: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 14, sass/component/_form.scss */
  .form-group {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 14, sass/component/_form.scss */
  .form-group {
    font-size: 0.875rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 30, sass/component/_form.scss */
.form-group .form-group {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
/* line 35, sass/component/_form.scss */
.form-group--block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 42, sass/component/_form.scss */
.form-group--btn {
  width: auto;
}
/* line 45, sass/component/_form.scss */
.form-group--btn .form-group {
  width: auto;
}
/* line 49, sass/component/_form.scss */
.form-group--btn .btn-group {
  margin: 2.5rem 0rem 3.75rem;
}
/* line 54, sass/component/_form.scss */
.ckec + .form-group {
  margin-top: 1.66666667em;
}
/* line 58, sass/component/_form.scss */
.form-group__label {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  width: 100%;
  margin-bottom: 0.33333333em;
}
@media screen and (max-width: 767px) {
  /* line 58, sass/component/_form.scss */
  .form-group__label {
    margin-right: 0;
  }
}
/* line 71, sass/component/_form.scss */
.form-group__label .mandatory {
  font-size: 1.77777778em;
  line-height: 0.5625em;
  vertical-align: middle;
  color: #732b76;
}
/* line 81, sass/component/_form.scss */
.form-group__body {
  font-size: 0.77777778em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  /* line 81, sass/component/_form.scss */
  .form-group__body {
    display: block;
  }
}
/* line 93, sass/component/_form.scss */
.form-group__body .form-group {
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  /* line 93, sass/component/_form.scss */
  .form-group__body .form-group {
    margin-right: 0;
  }
}
/* line 102, sass/component/_form.scss */
.form-group--block {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* line 106, sass/component/_form.scss */
.form-group--block .form-group__label {
  max-width: none;
  margin-right: 0;
  margin-bottom: 0.55555556em;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
/* line 114, sass/component/_form.scss */
.form-group--block .form-group__body {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
/* line 120, sass/component/_form.scss */
.form-group--underline {
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid #DBDCDD;
}
/* line 126, sass/component/_form.scss */
.form-group--btn {
  padding-top: 1.25rem;
  text-align: center;
  border-top: 1px solid #DBDCDD;
}
/* line 134, sass/component/_form.scss */
.form-group--w-240 {
  max-width: 23.52941176%;
  -ms-flex-preferred-size: 23.52941176%;
  flex-basis: 23.52941176%;
}
/* line 140, sass/component/_form.scss */
.form-group--w-500 {
  max-width: 49.01960784%;
  -ms-flex-preferred-size: 49.01960784%;
  flex-basis: 49.01960784%;
}
/* line 147, sass/component/_form.scss */
.form-control {
  font-size: 1.125rem;
  width: 100%;
  height: 2.22222222em;
  padding: 0.33333333em 0.66666667em;
  border-radius: 0;
}
@media screen and (max-width: 991px) {
  /* line 147, sass/component/_form.scss */
  .form-control {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 147, sass/component/_form.scss */
  .form-control {
    height: 2.1875rem;
    padding: 0.625rem 0;
  }
}
/* line 163, sass/component/_form.scss */
.form-control.textarea-input {
  height: 9.375em;
}
/* line 167, sass/component/_form.scss */
.form-control:focus {
  border-color: rgba(115, 43, 118, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
}
/* line 172, sass/component/_form.scss */
.form-control.with-errors {
  border-color: rgba(142, 24, 24, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(142, 24, 24, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(142, 24, 24, 0.4);
}
/* line 177, sass/component/_form.scss */
.form-control.captcha {
  width: auto;
  margin-top: 0.55555556em;
}
/* line 183, sass/component/_form.scss */
.files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 183, sass/component/_form.scss */
  .files {
    display: block;
  }
}
/* line 194, sass/component/_form.scss */
.uploadBox {
  position: relative;
  margin-right: 1.375rem;
  margin-bottom: 0.3125rem;
  padding: 0 2.875rem 0 0;
  border-right: 1px solid #B8B1DD;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 194, sass/component/_form.scss */
  .uploadBox {
    display: inline-block;
    margin-right: 0.9375rem;
    margin-bottom: 0.625rem;
    padding: 0rem 3.125rem 0rem 0rem;
    vertical-align: top;
  }
}
/* line 215, sass/component/_form.scss */
.uploadBox:last-child {
  border-right: none;
}
/* line 219, sass/component/_form.scss */
.uploadBox .div-filename {
  text-decoration: underline;
  color: #732b76;
  text-underline-position: under;
}
/* line 228, sass/component/_form.scss */
.uploadBox .div-btn-remove a {
  font-size: 0;
  position: absolute;
  top: 0;
  right: 1.125rem;
  bottom: 0;
  width: 14px;
  height: 14px;
  margin: auto;
  text-align: center;
  border-radius: 50%;
  background-color: #C0A8C1;
}
/* line 245, sass/component/_form.scss */
.uploadBox .div-btn-remove a:hover, .uploadBox .div-btn-remove a:focus {
  background-color: #732b76;
}
/* line 250, sass/component/_form.scss */
.uploadBox .div-btn-remove a:after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 7px;
  font-weight: 700;
  padding-top: 2px;
  content: "";
  color: #ffffff;
}
/* line 267, sass/component/_form.scss */
.fileinput-button {
  font-weight: 600;
  margin-right: 0.9375rem;
  margin-bottom: 0.625rem;
  padding: 0.55555556em 2.22222222em;
  color: #732b76;
  background-color: #EBEBEB;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 282, sass/component/_form.scss */
.fileinput-button input {
  width: 100%;
  height: 100%;
  padding: 0;
}
/* line 288, sass/component/_form.scss */
.fileinput-button:hover, .fileinput-button:focus {
  color: #732b76;
  background-color: #EBEBEB;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
}
/* line 295, sass/component/_form.scss */
.fileinput-button:active, .fileinput-button:hover:active {
  color: #ffffff;
  background-color: #732b76;
}
/* line 302, sass/component/_form.scss */
.captcha-group {
  width: auto;
  padding: 0.33333333em 0.66666667em;
}
/* line 308, sass/component/_form.scss */
.captcha-group > .captcha {
  float: left;
}
/* line 311, sass/component/_form.scss */
.captcha-group > .captcha > div {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  margin: 0 0.625rem;
}
/* line 319, sass/component/_form.scss */
#captcha_image {
  margin-bottom: 0.625rem;
}
/* line 323, sass/component/_form.scss */
.form-panel {
  font-size: 1.625rem;
  counter-increment: item;
}
@media screen and (max-width: 991px) {
  /* line 323, sass/component/_form.scss */
  .form-panel {
    font-size: 1.375rem;
  }
}
/* line 333, sass/component/_form.scss */
.form-panel-heading {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  position: relative;
  display: block;
  margin: 0.61538462em 0 0.76923077em;
  padding: 0.61538462em 0.84615385em 0.53846154em 3.61538462em;
  color: #732b76;
  background-color: #F2F2F2;
}
/* line 350, sass/component/_form.scss */
.form-panel-heading:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2.69230769em;
  height: 100%;
  padding: 0.61538462em 0em 0.53846154em;
  content: counters(item, ".");
  text-align: center;
  color: #ffffff;
  background-color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 333, sass/component/_form.scss */
  .form-panel-heading {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 333, sass/component/_form.scss */
  .form-panel-heading {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 333, sass/component/_form.scss */
  .form-panel-heading {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 333, sass/component/_form.scss */
  .form-panel-heading {
    font-size: 1.125rem;
  }
}
/* line 380, sass/component/_form.scss */
.form-panel-heading--purple {
  background-color: #732b75;
}
@media screen and (max-width: 767px) {
  /* line 380, sass/component/_form.scss */
  .form-panel-heading--purple {
    background-color: #732b75;
  }
}
/* line 380, sass/component/_form.scss */
.form-panel-heading--green {
  background-color: #23a455;
}
@media screen and (max-width: 767px) {
  /* line 380, sass/component/_form.scss */
  .form-panel-heading--green {
    background-color: #23a455;
  }
}
/* line 380, sass/component/_form.scss */
.form-panel-heading--orange {
  background-color: #e65100;
}
@media screen and (max-width: 767px) {
  /* line 380, sass/component/_form.scss */
  .form-panel-heading--orange {
    background-color: #e65100;
  }
}
/* line 380, sass/component/_form.scss */
.form-panel-heading--sky {
  background-color: #0297a7;
}
@media screen and (max-width: 767px) {
  /* line 380, sass/component/_form.scss */
  .form-panel-heading--sky {
    background-color: #0297a7;
  }
}
/* line 380, sass/component/_form.scss */
.form-panel-heading--blue {
  background-color: #0369da;
}
@media screen and (max-width: 767px) {
  /* line 380, sass/component/_form.scss */
  .form-panel-heading--blue {
    background-color: #0369da;
  }
}
/* line 393, sass/component/_form.scss */
.form-panel-body {
  padding: 0.625rem 1.375rem 0.3125rem;
  counter-reset: item;
}
/* line 398, sass/component/_form.scss */
.form-panel-body .form-panel {
  margin-top: 1.875rem;
}
/* line 402, sass/component/_form.scss */
.form-panel-body .form-panel-heading {
  font-size: 1.25rem;
  margin: 0.75em 0 0.6em;
  padding: 0.65em 0.9em 0.6em;
  background-color: #F7F4F8;
}
@media screen and (max-width: 767px) {
  /* line 402, sass/component/_form.scss */
  .form-panel-body .form-panel-heading {
    font-size: 1rem;
  }
}
/* line 413, sass/component/_form.scss */
.form-panel-body .form-panel-heading:before {
  content: none;
}
@media screen and (max-width: 767px) {
  /* line 393, sass/component/_form.scss */
  .form-panel-body {
    padding: 0.625rem 0.3125rem 0.3125rem;
  }
}
/* line 425, sass/component/_form.scss */
.select-style {
  position: relative;
}
/* line 428, sass/component/_form.scss */
.select-style:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  right: 0.75rem;
  width: 0;
  height: 0;
  content: "";
  border-width: 6px 5px 0 5px;
  border-style: solid;
  border-color: #999999 transparent transparent transparent;
}
/* line 442, sass/component/_form.scss */
.ie .select-style:after {
  display: none;
}
/* line 448, sass/component/_form.scss */
.other-input {
  display: inline-block;
  width: 12.5rem;
  height: 1.75rem;
  margin-left: 0.3125rem;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  /* line 448, sass/component/_form.scss */
  .other-input {
    display: block;
    margin-top: 0.3125rem;
    margin-left: 1.25rem;
  }
}
/* line 465, sass/component/_form.scss */
.textbox-input {
  width: 100%;
}
/* line 469, sass/component/_form.scss */
.selectbox-input {
  padding-right: 2.22222222em;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23a7a7a7%22%20d%3D%22M1024%2079.7L512%20944.3%200%2079.7z%22%2F%3E%0A%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201024%201024%22%3E%0A%20%20%3Cpath%20fill%3D%22%23a7a7a7%22%20d%3D%22M1024%2079.7L512%20944.3%200%2079.7z%22%2F%3E%0A%3C%2Fsvg%3E"), linear-gradient(to bottom, #FFF 0%, #FFF 100%);
  background-color: #ffffff;
  background-repeat: no-repeat, repeat;
  background-position: right 1em top 50%, 0 0;
  background-size: 0.5em auto, 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 767px) {
  /* line 469, sass/component/_form.scss */
  .selectbox-input {
    background-position: right 0.875rem top 50%, 0 0;
  }
}
/* line 485, sass/component/_form.scss */
.option-group {
  font-size: 0;
  width: 48%;
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  /* line 485, sass/component/_form.scss */
  .option-group {
    width: 100%;
    margin-right: 0;
  }
}
/* line 496, sass/component/_form.scss */
.form-group__body .form-group .option-group,
.form-group--block .option-group {
  width: 100%;
  margin-right: 0;
}
/* line 502, sass/component/_form.scss */
.option-group--vert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 510, sass/component/_form.scss */
.radio,
.checkbox {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1.125rem;
  margin: 0.3125rem 1.5625rem 0.3125rem 0 !important;
}
@media screen and (max-width: 991px) {
  /* line 510, sass/component/_form.scss */
  .radio,
  .checkbox {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 510, sass/component/_form.scss */
  .radio,
  .checkbox {
    display: block;
    margin-right: 0 !important;
  }
}
/* line 539, sass/component/_form.scss */
.option-label {
  padding-left: 1.5rem !important;
  cursor: pointer;
  color: #555;
}
/* line 546, sass/component/_form.scss */
.option-label > span {
  position: relative;
}
/* line 549, sass/component/_form.scss */
.option-label > span:before, .option-label > span:after {
  line-height: 14px;
  position: absolute;
  top: 6px;
  left: -24px;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 991px) {
  /* line 549, sass/component/_form.scss */
  .option-label > span:before, .option-label > span:after {
    top: 3px;
    left: -22px;
  }
}
/* line 565, sass/component/_form.scss */
.option-label > span:before {
  content: "";
  border: 1px solid #D7D7D7;
  background-color: #ffffff;
}
/* line 572, sass/component/_form.scss */
.option-label > span:after {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  text-align: center;
  opacity: 0;
  color: #000000;
}
/* line 582, sass/component/_form.scss */
.option-label + .other-input {
  margin-left: 1.5rem !important;
}
/* line 589, sass/component/_form.scss */
.radio-label > span:before {
  border-radius: 50%;
}
/* line 593, sass/component/_form.scss */
.radio-label > span:after {
  width: 12px;
  height: 12px;
  margin: 1px;
  content: "";
  border-radius: 50%;
  background-color: #732b76;
}
/* line 608, sass/component/_form.scss */
.checkbox-label > span:after {
  width: 6px;
  height: 6px;
  margin: 4px;
  content: "";
  background-color: #732b76;
}
/* line 620, sass/component/_form.scss */
.radio-input,
.checkbox-input {
  position: absolute;
  cursor: pointer;
  opacity: 0;
}
/* line 628, sass/component/_form.scss */
.radio-input:focus + span:before,
.checkbox-input:focus + span:before {
  border-color: rgba(115, 43, 118, 0.6);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
}
/* line 636, sass/component/_form.scss */
.radio-input:checked + span:after,
.checkbox-input:checked + span:after {
  opacity: 1;
}
/* line 642, sass/component/_form.scss */
.radio-input:checked + span:after {
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
/* line 648, sass/component/_form.scss */
.checkbox-input:checked + span:after {
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
}
/* line 659, sass/component/_form.scss */
.btn--reset {
  color: #979CA0 !important;
  background-color: #E1E1E1;
}
/* line 667, sass/component/_form.scss */
.btn--submit:hover, .btn--submit:focus {
  color: #ffffff;
  background-color: #732b76;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(115, 43, 118, 0.4);
}
/* line 674, sass/component/_form.scss */
.btn--submit:active, .btn--submit:active:hover, .btn--submit:active:focus {
  color: #ffffff;
  background-color: #732b76;
}
/* line 684, sass/component/_form.scss */
.mandatory,
.error {
  color: #F40723;
}
/* line 689, sass/component/_form.scss */
.form-remark {
  font-size: 0.875rem;
  color: #5F79E0;
}
/* line 695, sass/component/_form.scss */
.form-error {
  font-size: 0.75rem;
  font-weight: normal;
  display: block;
  margin: 0.3125rem 0;
  color: #F40723;
}
/* line 225, sass/generic/_mixin_function.scss */
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
  color: #999999 !important;
}
/* line 225, sass/generic/_mixin_function.scss */
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  color: #999999 !important;
}
/* line 225, sass/generic/_mixin_function.scss */
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
  color: #999999 !important;
}
/* line 225, sass/generic/_mixin_function.scss */
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  color: #999999 !important;
}
/* remove 'X' from search input field */
/* line 719, sass/component/_form.scss */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
/* line 728, sass/component/_form.scss */
input[type="text"]::-ms-clear, input[type="text"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
/* line 738, sass/component/_form.scss */
.recaptcha {
  margin-bottom: 0.9375rem;
}
/* jQuery ui select */
/* line 2, sass/component/_selectmenu.scss */
.selectmenu-ui {
  font-size: 1.25rem;
  height: 3.8em;
  vertical-align: top;
  white-space: nowrap;
  border: none;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 1199px) {
  /* line 2, sass/component/_selectmenu.scss */
  .selectmenu-ui {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2, sass/component/_selectmenu.scss */
  .selectmenu-ui {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2, sass/component/_selectmenu.scss */
  .selectmenu-ui {
    height: 3.125em;
  }
}
/* line 26, sass/component/_selectmenu.scss */
.ui-selectmenu-button {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.25rem;
  height: 3.8em;
  vertical-align: top;
  background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 26, sass/component/_selectmenu.scss */
  .ui-selectmenu-button {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 26, sass/component/_selectmenu.scss */
  .ui-selectmenu-button {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 26, sass/component/_selectmenu.scss */
  .ui-selectmenu-button {
    height: 3.125em;
  }
}
/* line 46, sass/component/_selectmenu.scss */
.ui-selectmenu-button.ui-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding-right: 1.875rem;
  padding-left: 2.1875rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  /* line 46, sass/component/_selectmenu.scss */
  .ui-selectmenu-button.ui-button {
    padding-left: 1.11111111em;
  }
}
/* line 61, sass/component/_selectmenu.scss */
.ui-selectmenu-button[aria-expanded="true"] .ui-icon:before {
  content: "\e93f";
}
/* line 67, sass/component/_selectmenu.scss */
.ui-selectmenu-button.is-changed .ui-selectmenu-text {
  color: #000000;
}
/* line 72, sass/component/_selectmenu.scss */
.ui-selectmenu-button span.ui-selectmenu-text {
  font-size: 1em;
  font-weight: 500;
  margin-right: 0;
  color: #6B6B6B;
}
/* line 81, sass/component/_selectmenu.scss */
.ui-selectmenu-button span.ui-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  line-height: 1;
  right: 1.75em;
  margin-top: 0;
  text-indent: 0;
  color: #A7A7A7;
}
@media screen and (max-width: 1199px) {
  /* line 81, sass/component/_selectmenu.scss */
  .ui-selectmenu-button span.ui-icon {
    right: 0.83333333em;
  }
}
/* line 97, sass/component/_selectmenu.scss */
.ui-selectmenu-button span.ui-icon:before {
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.7em;
  content: "\e93f";
}
/* line 108, sass/component/_selectmenu.scss */
.ui-menu {
  font-size: 1rem;
  max-height: 18.75rem;
  margin-top: -2px;
  -webkit-overflow-scrolling: touch;
}
/* line 121, sass/component/_selectmenu.scss */
.ui-menu .ui-menu-item-wrapper {
  padding: 0.875em 2.1875em;
  color: #565656;
  background: #ffffff;
}
/* line 127, sass/component/_selectmenu.scss */
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper:focus {
  color: #000000;
  background-color: #dcd9ec;
}
/* line 134, sass/component/_selectmenu.scss */
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0;
}
/* line 1, sass/component/_dropdown.scss */
.dropdown {
  font-size: 0.9375rem;
  position: relative;
}
@media screen and (max-width: 991px) {
  /* line 1, sass/component/_dropdown.scss */
  .dropdown {
    font-size: 0.8125rem;
  }
}
/* line 9, sass/component/_dropdown.scss */
.dropdown--blue {
  background-color: #003e97;
}
/* line 13, sass/component/_dropdown.scss */
.dropdown--linktab {
  margin-bottom: 1.33333333em;
}
/* line 17, sass/component/_dropdown.scss */
.dropdown__menu, .dropdown-menu {
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  visibility: hidden;
  overflow: auto;
  width: 100%;
  max-height: 20em;
  margin: 0 0 1.33333333em;
  padding: 0;
  list-style: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 0;
  border: none;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 45, sass/component/_dropdown.scss */
.dropdown__menu--purple, .dropdown-menu--purple {
  color: #ffffff;
  background-color: #732b75;
}
/* line 50, sass/component/_dropdown.scss */
.dropdown__menu--blue, .dropdown-menu--blue {
  color: #ffffff;
  background-color: #003e97;
}
/* line 55, sass/component/_dropdown.scss */
.dropdown__menu--blue .dropdown__menu-link:hover, .dropdown__menu--blue .dropdown__menu-link:focus, .dropdown-menu--blue .dropdown__menu-link:hover, .dropdown-menu--blue .dropdown__menu-link:focus {
  text-decoration: none;
  color: #003e97;
}
/* line 64, sass/component/_dropdown.scss */
.dropdown__menu--center, .dropdown-menu--center {
  text-align: center;
}
/* line 68, sass/component/_dropdown.scss */
.open .dropdown__menu, .open .dropdown-menu {
  visibility: visible !important;
  opacity: 1 !important;
}
/* line 74, sass/component/_dropdown.scss */
.dropdown__menu-link, .dropdown-menu-link {
  display: block;
  padding: 0.66666667em 3em 0.66666667em 0;
  color: #ffffff;
  border-bottom: 1px solid rgba(98, 28, 101, 0.55);
}
/* line 82, sass/component/_dropdown.scss */
.dropdown__menu--blue .dropdown__menu-link, .dropdown__menu--blue .dropdown-menu-link {
  border-bottom: 1px solid rgba(27, 76, 195, 0.55);
}
@media screen and (max-width: 767px) {
  /* line 74, sass/component/_dropdown.scss */
  .dropdown__menu-link, .dropdown-menu-link {
    padding: 0.76923077em 1.15384615em 0.76923077em;
  }
}
/* line 90, sass/component/_dropdown.scss */
.dropdown__menu-link:hover, .dropdown__menu-link:focus, .dropdown-menu-link:hover, .dropdown-menu-link:focus {
  text-decoration: none;
  color: #621c65;
  background-color: #d9d6e9;
}
/* line 97, sass/component/_dropdown.scss */
.dropdown__menu--blue .dropdown__menu-link:hover, .dropdown__menu--blue .dropdown__menu-link:focus, .dropdown__menu--blue .dropdown-menu-link:hover, .dropdown__menu--blue .dropdown-menu-link:focus {
  color: #ffffff;
  background-color: rgba(27, 76, 195, 0.55);
}
/* line 106, sass/component/_dropdown.scss */
.dropdown__btn .btn__text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
/* line 113, sass/component/_dropdown.scss */
.dropdown--share {
  font-size: 1rem;
}
/* line 117, sass/component/_dropdown.scss */
.dropdown--share .dropdown__btn {
  padding: 0;
  border: 0;
}
/* line 123, sass/component/_dropdown.scss */
.dropdown--share .dropdown__menu {
  right: 0;
  left: auto;
  width: 6.25rem;
}
/* line 134, sass/component/_dropdown.scss */
select {
  font-size: 0.875rem;
  width: 100%;
  height: 3.35714286em;
  padding: 0 3.28571429em 0 1.35714286em;
  color: #6C6C6C;
  border: 1px solid #1b4cc3;
  border-radius: 0;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 148, sass/component/_dropdown.scss */
.filter--grey select {
  border-color: #8f8f8f;
}
/* line 152, sass/component/_dropdown.scss */
select[disabled] {
  pointer-events: none;
  opacity: .5;
}
@media screen and (max-width: 1199px) {
  /* line 134, sass/component/_dropdown.scss */
  select {
    height: 2.85714286em;
    padding: 0 3em 0 0.85714286em;
  }
}
/* line 164, sass/component/_dropdown.scss */
select::-ms-expand {
  display: none;
}
/* line 168, sass/component/_dropdown.scss */
.select-wrap {
  font-size: 0.875rem;
  position: relative;
  z-index: 1;
}
/* line 174, sass/component/_dropdown.scss */
.select-wrap:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.28571429em;
  height: 100%;
  content: "";
  pointer-events: none;
  background-color: #1b4cc3;
}
/* line 187, sass/component/_dropdown.scss */
.filter--grey .select-wrap:before {
  background-color: #8f8f8f;
}
@media screen and (max-width: 1199px) {
  /* line 174, sass/component/_dropdown.scss */
  .select-wrap:before {
    width: 3em;
  }
}
/* line 195, sass/component/_dropdown.scss */
.select-wrap:after {
  font-family: icomoon;
  font-size: 0.85714286em;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 0;
  width: 3.83333333em;
  content: "\e93f";
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  pointer-events: none;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 195, sass/component/_dropdown.scss */
  .select-wrap:after {
    width: 3.5em;
  }
}
/* line 222, sass/component/_dropdown.scss */
.select-wrap.focus:after, .select-wrap:focus-within:after, .select-wrap.show:after {
  padding-top: 0.25em;
  -webkit-transform: rotate(-180deg) translateY(50%);
  -ms-transform: rotate(-180deg) translateY(50%);
  transform: rotate(-180deg) translateY(50%);
}
/* line 231, sass/component/_dropdown.scss */
.dir-dropdown {
  font-size: 0.875rem;
  margin-bottom: 0.92857143em;
}
/* line 236, sass/component/_dropdown.scss */
.dir-dropdown__btn {
  line-height: 1.25;
  position: relative;
  display: block;
  padding: 0.64285714em 2.85714286em 0.78571429em 1em;
  color: #575757;
  border: 1px solid #d9d6e9;
  border-radius: 0.21428571em;
  background-color: #F2F1F6;
}
/* line 250, sass/component/_dropdown.scss */
.dir-dropdown__btn:after {
  font-family: icomoon;
  font-size: 0.64285714em;
  position: absolute;
  top: 50%;
  right: 1.88888889em;
  margin: auto 0;
  margin-top: -0.35714286em;
  content: "";
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #732b76;
}
/* line 269, sass/component/_dropdown.scss */
.dir-dropdown__btn[aria-expanded=true]:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
/* line 275, sass/component/_dropdown.scss */
.dir-dropdown__menu {
  position: relative;
  display: none;
  max-height: none;
  -webkit-box-shadow: 1px 5px 30px 2px rgba(34, 30, 31, 0.14);
  box-shadow: 1px 5px 30px 2px rgba(34, 30, 31, 0.14);
}
/* line 284, sass/component/_dropdown.scss */
.open .dir-dropdown__menu {
  display: block !important;
}
/* line 289, sass/component/_dropdown.scss */
.dir-dropdown__menu-link {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 3.64285714em;
  padding: 0.71428571em 0.92857143em 0.64285714em;
  color: #585858;
  border-bottom: none;
  background-color: #F5F5F5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 308, sass/component/_dropdown.scss */
.dir-dropdown__menu-link:nth-child(even) {
  background-color: #ffffff;
}
/* line 312, sass/component/_dropdown.scss */
.dir-dropdown__menu-link:hover, .dir-dropdown__menu-link:focus {
  background-color: #d9d6e9;
}
/* line 319, sass/component/_dropdown.scss */
.cal-dropdown {
  font-size: 0.875rem;
  margin-bottom: 0.92857143em;
}
@media screen and (max-width: 1199px) {
  /* line 319, sass/component/_dropdown.scss */
  .cal-dropdown {
    font-size: 0.75rem;
  }
}
/* line 327, sass/component/_dropdown.scss */
.cal-dropdown__btn {
  line-height: 1.25;
  position: relative;
  display: block;
  padding: 0.64285714em 2.85714286em 0.78571429em 1em;
  color: #575757;
  border: 1px solid #d9d6e9;
  border-radius: 0.21428571em;
  background-color: #F2F1F6;
}
/* line 342, sass/component/_dropdown.scss */
.cal-dropdown__btn:after {
  font-family: icomoon;
  font-size: 0.64285714em;
  position: absolute;
  top: 50%;
  right: 1.88888889em;
  margin: auto 0;
  margin-top: -0.35714286em;
  content: "";
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #732b76;
}
/* line 361, sass/component/_dropdown.scss */
.cal-dropdown__btn[aria-expanded=true]:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}
/* line 367, sass/component/_dropdown.scss */
.cal-dropdown__menu {
  display: none;
  max-height: none;
  -webkit-box-shadow: 1px 5px 30px 2px rgba(34, 30, 31, 0.14);
  box-shadow: 1px 5px 30px 2px rgba(34, 30, 31, 0.14);
}
/* line 374, sass/component/_dropdown.scss */
.open .cal-dropdown__menu {
  display: block !important;
}
/* line 379, sass/component/_dropdown.scss */
.cal-dropdown__menu-link {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2.85714286em;
  padding: 0.57142857em 0.92857143em 0.64285714em;
  color: #585858;
  border-bottom: none;
  background-color: #F5F5F5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 398, sass/component/_dropdown.scss */
.cal-dropdown__menu-link:nth-child(even) {
  background-color: #ffffff;
}
/* line 402, sass/component/_dropdown.scss */
.cal-dropdown__menu-link:hover, .cal-dropdown__menu-link:focus {
  background-color: #d9d6e9;
}
/* line 1, sass/component/_modal.scss */
.modal {
  position: fixed;
  z-index: 20050;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  outline: 0;
}
/* line 17, sass/component/_modal.scss */
.modal.in {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 23, sass/component/_modal.scss */
.modal--closed {
  display: none;
}
/* line 28, sass/component/_modal.scss */
.modal-dialog {
  position: relative;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-overflow-scrolling: touch;
}
/* line 41, sass/component/_modal.scss */
.modal-body {
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 1.875rem 0rem;
}
@media screen and (max-width: 991px) {
  /* line 41, sass/component/_modal.scss */
  .modal-body {
    width: 90%;
  }
}
/* line 51, sass/component/_modal.scss */
.modal-title {
  font-size: 2rem;
  position: relative;
  margin-bottom: 1em;
  padding: 0.5em;
  line-height: 1.25;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  /* line 51, sass/component/_modal.scss */
  .modal-title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 51, sass/component/_modal.scss */
  .modal-title {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 51, sass/component/_modal.scss */
  .modal-title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 51, sass/component/_modal.scss */
  .modal-title {
    font-size: 1.25rem;
  }
}
/* line 74, sass/component/_modal.scss */
.modal-title:after {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  opacity: 0;
  -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #732b76;
}
/* line 90, sass/component/_modal.scss */
.modal-open .in .modal-title:after {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
/* line 97, sass/component/_modal.scss */
.modal-header {
  font-size: 1.375rem;
  padding: 1.18181818em 0em;
  color: #ffffff;
  background-color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 97, sass/component/_modal.scss */
  .modal-header {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 97, sass/component/_modal.scss */
  .modal-header {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 97, sass/component/_modal.scss */
  .modal-header {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 97, sass/component/_modal.scss */
  .modal-header {
    font-size: 0.875rem;
  }
}
/* line 117, sass/component/_modal.scss */
.modal-header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
/* line 125, sass/component/_modal.scss */
.modal-header__close .ico {
  font-size: 0.90909091em;
  margin-right: 0.3125rem;
  vertical-align: baseline;
}
/* line 135, sass/component/_modal.scss */
.modal-inner {
  position: relative;
  padding: 1.875rem;
  outline: 0;
  background-color: #FFF;
}
@media screen and (max-width: 991px) {
  /* line 135, sass/component/_modal.scss */
  .modal-inner {
    padding: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 135, sass/component/_modal.scss */
  .modal-inner {
    padding: 0.625rem;
  }
}
/* line 150, sass/component/_modal.scss */
.modal-backdrop {
  position: static !important;
  display: none !important;
}
/* line 164, sass/component/_modal.scss */
.modal-footer {
  padding: 1.875rem 0rem 0rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  /* line 2, sass/component/_tab.scss */
  .tabs .dropdown {
    display: inline-block;
    margin-left: 0.3125rem;
    vertical-align: middle;
  }
  /* line 10, sass/component/_tab.scss */
  .tabs .dropdown__btn {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 12.5rem;
  }
}
/* line 17, sass/component/_tab.scss */
.tabs .dropdown__menu {
  position: static;
  visibility: visible;
  opacity: 1;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  /* line 17, sass/component/_tab.scss */
  .tabs .dropdown__menu {
    position: absolute;
    visibility: hidden;
    opacity: 0;
  }
}
/* line 39, sass/component/_tab.scss */
.tab-pane {
  display: none;
}
/* line 42, sass/component/_tab.scss */
.tab-pane.active {
  display: block;
}
/* line 47, sass/component/_tab.scss */
.tab-content {
  font-size: 1.125rem;
  font-weight: 500;
  min-height: 300px;
  padding-top: 2.44444444em;
  padding-bottom: 1.27777778em;
}
@media screen and (max-width: 1439px) {
  /* line 47, sass/component/_tab.scss */
  .tab-content {
    padding-top: 1.66666667em;
  }
}
@media screen and (max-width: 1199px) {
  /* line 47, sass/component/_tab.scss */
  .tab-content {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 47, sass/component/_tab.scss */
  .tab-content {
    font-size: 1rem;
  }
}
/* line 66, sass/component/_tab.scss */
.nav-tabs {
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  margin-left: -1.66666667em;
  padding: 0.55555556em 0;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1439px) {
  /* line 66, sass/component/_tab.scss */
  .nav-tabs {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 66, sass/component/_tab.scss */
  .nav-tabs {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 66, sass/component/_tab.scss */
  .nav-tabs {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 66, sass/component/_tab.scss */
  .nav-tabs {
    font-size: 0.875rem;
  }
}
/* line 92, sass/component/_tab.scss */
.nav-tabs__item {
  position: relative;
  z-index: 1;
  padding: 0.66666667em 1.66666667em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 100, sass/component/_tab.scss */
.nav-tabs__item:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0.94444444em;
  margin: auto;
  content: "";
  background-color: #E1E1E1;
}
/* line 115, sass/component/_tab.scss */
.nav-tabs__item:last-child:after {
  content: none;
}
/* line 120, sass/component/_tab.scss */
.nav-tabs__link {
  position: relative;
  display: block;
  -webkit-transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-transform: uppercase;
  color: #000000;
}
/* line 130, sass/component/_tab.scss */
.nav-tabs__link:after {
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  width: 100%;
  height: 2px;
  content: "";
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  opacity: 0;
  background-color: #732b76;
}
/* line 145, sass/component/_tab.scss */
.active > .nav-tabs__link, .nav-tabs__link:hover, .nav-tabs__link:focus {
  color: #732b76;
}
/* line 152, sass/component/_tab.scss */
.active > .nav-tabs__link:after {
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
/* line 163, sass/component/_tab.scss */
.big-pic ~ .page-content .detail-tabs {
  margin-right: 0;
  margin-left: 0;
}
/* line 168, sass/component/_tab.scss */
.detail-tabs {
  font-size: 1.0625rem;
  position: relative;
  z-index: 1;
  margin-right: -8.375rem;
  margin-left: -4.5625rem;
}
@media screen and (max-width: 1439px) {
  /* line 168, sass/component/_tab.scss */
  .detail-tabs {
    font-size: 0.9375rem;
    margin-right: -5.625rem;
    margin-left: -3.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 168, sass/component/_tab.scss */
  .detail-tabs {
    font-size: 0.875rem;
    margin-right: -4.375rem;
    margin-left: -2.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 168, sass/component/_tab.scss */
  .detail-tabs {
    font-size: 0.75rem;
    margin-right: -3.125rem;
    margin-left: -3.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 168, sass/component/_tab.scss */
  .detail-tabs {
    margin-top: 0.625rem;
    margin-right: 0rem;
    margin-bottom: 0.3125rem;
    margin-left: 0rem;
  }
}
/* line 202, sass/component/_tab.scss */
.detail-tabs__list {
  margin: 0;
  padding: 0;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
/* line 209, sass/component/_tab.scss */
.detail-tabs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 217, sass/component/_tab.scss */
.detail-tabs__link {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.17647059em 0.88235294em;
  -webkit-transition: background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-transform: uppercase;
  color: #585858;
  background-color: #F2F2F2;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 236, sass/component/_tab.scss */
.detail-tabs__link:after {
  content: none;
}
/* line 240, sass/component/_tab.scss */
.active > .detail-tabs__link {
  color: #ffffff;
  background-color: #732b76;
}
/* line 1, sass/component/_accordion.scss */
.panel-group {
  margin-bottom: 0;
}
/* line 5, sass/component/_accordion.scss */
.panel-group .panel + .panel, .panel-group .form-panel + .panel, .panel-group .panel + .form-panel, .panel-group .form-panel + .form-panel {
  margin-top: 0.9375rem;
}
/* line 11, sass/component/_accordion.scss */
.panel, .form-panel {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 1.11111111em;
}
/* line 17, sass/component/_accordion.scss */
.panel--green .panel__heading {
  background-color: #23a455;
}
/* line 23, sass/component/_accordion.scss */
.panel--cyan .panel__heading {
  background-color: #029ca8;
}
/* line 29, sass/component/_accordion.scss */
.panel--purple .panel__heading {
  background-color: #732b76;
}
/* line 34, sass/component/_accordion.scss */
.panel__heading {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.44444444em;
}
@media screen and (max-width: 991px) {
  /* line 34, sass/component/_accordion.scss */
  .panel__heading {
    font-size: 1.27777778em;
  }
}
@media screen and (max-width: 767px) {
  /* line 34, sass/component/_accordion.scss */
  .panel__heading {
    font-size: 1.11111111em;
  }
}
/* line 45, sass/component/_accordion.scss */
.panel__heading-btn {
  line-height: 1.25;
  position: relative;
  display: block;
  padding: 0.57692308em 0.57692308em 0.57692308em 3.53846154em;
  -webkit-transition: -webkit-box-shadow .3s;
  transition: -webkit-box-shadow .3s;
  transition: box-shadow .3s;
  transition: box-shadow .3s, -webkit-box-shadow .3s;
  color: #ffffff;
}
/* line 58, sass/component/_accordion.scss */
.panel__heading-btn:hover, .panel__heading-btn:focus {
  text-decoration: none;
  color: #ffffff;
  -webkit-box-shadow: 0 0 14px 0 rgba(50, 50, 50, 0.5);
  box-shadow: 0 0 14px 0 rgba(50, 50, 50, 0.5);
}
/* line 66, sass/component/_accordion.scss */
.panel__heading-btn:before {
  position: absolute;
  top: 0.625rem;
  bottom: 0.625rem;
  left: 2.5em;
  width: 1px;
  content: "";
  background-color: rgba(255, 255, 255, 0.45);
}
/* line 80, sass/component/_accordion.scss */
.panel__heading-btn:after {
  font-family: icomoon;
  font-size: 1.23076923em;
  position: absolute;
  top: 0.34375em;
  bottom: 0;
  left: 0;
  width: 2.03125em;
  margin: auto;
  content: "";
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  text-align: center;
  color: #ffffff;
}
/* line 100, sass/component/_accordion.scss */
.panel__heading-btn[aria-expanded="true"]:after {
  content: "";
}
/* line 105, sass/component/_accordion.scss */
.panel__heading-text {
  color: #ffffff;
}
/* line 111, sass/component/_accordion.scss */
.panel__collapse-body {
  padding: 1.27777778em 0em 0.27777778em 0;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 111, sass/component/_accordion.scss */
  .panel__collapse-body {
    padding: 1.25rem 0;
  }
}
/* line 1, sass/component/_magnific_popup.scss */
.mfp-container {
  right: 0;
  width: 100%;
  max-width: 1140px;
  margin: auto;
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/component/_magnific_popup.scss */
  .mfp-container {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/component/_magnific_popup.scss */
  .mfp-container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/component/_magnific_popup.scss */
  .mfp-container {
    padding-right: 12px;
    padding-left: 12px;
  }
}
/* line 21, sass/component/_magnific_popup.scss */
.mfp-bottom-bar {
  margin-top: -30px;
}
/* line 25, sass/component/_magnific_popup.scss */
.mfp-title {
  font-size: 1em;
}
/* line 29, sass/component/_magnific_popup.scss */
.mfp-image-holder .mfp-content {
  margin-top: 30px;
  margin-bottom: 30px;
  min-width: 940px;
}
@media screen and (max-width: 991px) {
  /* line 29, sass/component/_magnific_popup.scss */
  .mfp-image-holder .mfp-content {
    min-width: 720px;
  }
}
@media screen and (max-width: 767px) {
  /* line 29, sass/component/_magnific_popup.scss */
  .mfp-image-holder .mfp-content {
    min-width: 294px;
  }
}
/* line 41, sass/component/_magnific_popup.scss */
.mfp-inline-holder .mfp-close {
  top: -40px;
  right: -6px;
  width: 100%;
  padding-right: 6px;
  text-align: right;
  color: #FFF;
}
/* line 53, sass/component/_magnific_popup.scss */
.mfp-inline-holder .mfp-close.btn-mfp-close {
  font-size: 1.75rem;
  cursor: pointer !important;
  opacity: 1;
  right: -8px;
  color: #ffffff;
}
/* line 60, sass/component/_magnific_popup.scss */
.mfp-inline-holder .mfp-close.btn-mfp-close .ico {
  pointer-events: none;
}
/* line 65, sass/component/_magnific_popup.scss */
.btn-download-img {
  font-size: 0.875em;
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.125rem 0.5rem 0.1875rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #ffffff;
  border-radius: 3px;
  background-color: #999999;
}
@media screen and (max-width: 767px) {
  /* line 65, sass/component/_magnific_popup.scss */
  .btn-download-img {
    display: table;
    margin-top: 0.625rem;
    margin-left: 0;
  }
}
/* line 86, sass/component/_magnific_popup.scss */
.btn-download-img:hover, .btn-download-img:focus {
  color: inherit;
  background-color: #000000;
}
/* line 93, sass/component/_magnific_popup.scss */
.popup-video {
  width: 100%;
}
/* line 98, sass/component/_magnific_popup.scss */
.mfp-figure:after {
  content: none;
}
/* line 104, sass/component/_magnific_popup.scss */
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  font-size: 1.8125rem;
  right: -0.5rem;
  width: auto;
  height: auto;
  margin-top: 0.3125rem;
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  /* line 104, sass/component/_magnific_popup.scss */
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 104, sass/component/_magnific_popup.scss */
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 104, sass/component/_magnific_popup.scss */
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    font-size: 1.375rem;
  }
}
/* line 129, sass/component/_magnific_popup.scss */
.mfp-s-loading .mfp-share {
  display: none;
}
/* line 132, sass/component/_magnific_popup.scss */
.mfp-s-loading .mfp-arrow {
  opacity: 0;
}
/* line 137, sass/component/_magnific_popup.scss */
.mfp-share {
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.125em;
  -webkit-animation: fadeInLeftMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInLeftMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  /* line 137, sass/component/_magnific_popup.scss */
  .mfp-share {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 137, sass/component/_magnific_popup.scss */
  .mfp-share {
    font-size: 0.75rem;
  }
}
/* line 158, sass/component/_magnific_popup.scss */
.mfp-share__title {
  font-size: 1rem;
  font-weight: 600;
  margin-right: 0.5em;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 158, sass/component/_magnific_popup.scss */
  .mfp-share__title {
    font-size: 0.83333333em;
    margin-right: 0.4em;
  }
}
/* line 172, sass/component/_magnific_popup.scss */
.mfp-share__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 179, sass/component/_magnific_popup.scss */
.mfp-share__item {
  margin: 0 0.75em;
  color: #ffffff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 179, sass/component/_magnific_popup.scss */
  .mfp-share__item {
    margin: 0 0.58333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 179, sass/component/_magnific_popup.scss */
  .mfp-share__item {
    margin: 0 0.5em;
  }
}
/* line 192, sass/component/_magnific_popup.scss */
.mfp-share__item:hover, .mfp-share__item:focus {
  color: #ffffff;
}
/* line 198, sass/component/_magnific_popup.scss */
.mfp-share__item[data-share-media=facebook] .ico {
  font-size: 1.8125em;
}
/* line 204, sass/component/_magnific_popup.scss */
.mfp-share__item[data-share-media=twitter] .ico {
  font-size: 1.5625em;
}
/* line 210, sass/component/_magnific_popup.scss */
.mfp-share__item[data-share-media=gplus] .ico {
  font-size: 2.3125em;
}
/* line 216, sass/component/_magnific_popup.scss */
.mfp-share__item[data-share-media=linkedin] .ico {
  font-size: 1.75em;
}
/* line 222, sass/component/_magnific_popup.scss */
.mfp-share__item[data-share-media=whatsapp] .ico {
  font-size: 1.75em;
}
/* line 228, sass/component/_magnific_popup.scss */
.mfp-share__item[data-share-media=wechat] .ico {
  font-size: 2.1875em;
}
/* line 234, sass/component/_magnific_popup.scss */
.mfp-share__item[data-share-media=clipboard] .ico {
  font-size: 1.8125em;
}
/* line 241, sass/component/_magnific_popup.scss */
img.mfp-img {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
/* line 246, sass/component/_magnific_popup.scss */
button.mfp-arrow {
  width: auto;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: 1;
}
/* line 253, sass/component/_magnific_popup.scss */
button.mfp-arrow.mfp-arrow--left {
  padding-right: 1.625rem;
}
@media screen and (max-width: 1199px) {
  /* line 253, sass/component/_magnific_popup.scss */
  button.mfp-arrow.mfp-arrow--left {
    left: 30px;
  }
}
@media screen and (max-width: 991px) {
  /* line 253, sass/component/_magnific_popup.scss */
  button.mfp-arrow.mfp-arrow--left {
    left: 20px;
  }
}
@media screen and (max-width: 767px) {
  /* line 253, sass/component/_magnific_popup.scss */
  button.mfp-arrow.mfp-arrow--left {
    left: 5px;
  }
}
/* line 266, sass/component/_magnific_popup.scss */
button.mfp-arrow.mfp-arrow--right {
  padding-left: 1.625rem;
}
@media screen and (max-width: 1199px) {
  /* line 266, sass/component/_magnific_popup.scss */
  button.mfp-arrow.mfp-arrow--right {
    right: 30px;
  }
}
@media screen and (max-width: 991px) {
  /* line 266, sass/component/_magnific_popup.scss */
  button.mfp-arrow.mfp-arrow--right {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  /* line 266, sass/component/_magnific_popup.scss */
  button.mfp-arrow.mfp-arrow--right {
    right: 5px;
  }
}
/* line 279, sass/component/_magnific_popup.scss */
button.mfp-arrow:before, button.mfp-arrow:after {
  opacity: 0;
}
/* line 285, sass/component/_magnific_popup.scss */
button.mfp-arrow .ico:before {
  font-size: 3rem;
  font-weight: 700;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 285, sass/component/_magnific_popup.scss */
  button.mfp-arrow .ico:before {
    font-size: 2.75rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 285, sass/component/_magnific_popup.scss */
  button.mfp-arrow .ico:before {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 285, sass/component/_magnific_popup.scss */
  button.mfp-arrow .ico:before {
    font-size: 2.25rem;
  }
}
/*

====== Fade Zoom effect ======

*/
/* overlay at start */
/* line 309, sass/component/_magnific_popup.scss */
.mfp-fade {
  /* overlay animate in */
  /* overlay animate out */
  /* content at start */
  /* content animate it */
  /* content animate out */
}
/* line 310, sass/component/_magnific_popup.scss */
.mfp-fade .mfp-bg {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  opacity: 0;
}
/* line 317, sass/component/_magnific_popup.scss */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: .8;
}
/* line 322, sass/component/_magnific_popup.scss */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* line 327, sass/component/_magnific_popup.scss */
.mfp-fade.mfp-wrap .mfp-content {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* line 335, sass/component/_magnific_popup.scss */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* line 342, sass/component/_magnific_popup.scss */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/*

====== Zoom effect ======

*/
/* line 356, sass/component/_magnific_popup.scss */
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
/* line 358, sass/component/_magnific_popup.scss */
.mfp-zoom-in .mfp-with-anim {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* line 365, sass/component/_magnific_popup.scss */
.mfp-zoom-in.mfp-bg {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  opacity: 0;
}
/* line 373, sass/component/_magnific_popup.scss */
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* line 378, sass/component/_magnific_popup.scss */
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .8;
}
/* line 385, sass/component/_magnific_popup.scss */
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0;
}
/* line 390, sass/component/_magnific_popup.scss */
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Newspaper effect ======

*/
/* line 402, sass/component/_magnific_popup.scss */
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
/* line 404, sass/component/_magnific_popup.scss */
.mfp-newspaper .mfp-with-anim {
  -webkit-transition: all .2s ease-in-out;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-transform: scale(0) rotate(500deg);
  -ms-transform: scale(0) rotate(500deg);
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
/* line 412, sass/component/_magnific_popup.scss */
.mfp-newspaper.mfp-bg {
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
}
/* line 420, sass/component/_magnific_popup.scss */
.mfp-newspaper.mfp-ready .mfp-with-anim {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  opacity: 1;
}
/* line 425, sass/component/_magnific_popup.scss */
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: .8;
}
/* line 432, sass/component/_magnific_popup.scss */
.mfp-newspaper.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(0) rotate(500deg);
  -ms-transform: scale(0) rotate(500deg);
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
/* line 437, sass/component/_magnific_popup.scss */
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Move-horizontal effect ======

*/
/* line 450, sass/component/_magnific_popup.scss */
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
/* line 452, sass/component/_magnific_popup.scss */
.mfp-move-horizontal .mfp-with-anim {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
  opacity: 0;
}
/* line 459, sass/component/_magnific_popup.scss */
.mfp-move-horizontal.mfp-bg {
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 0;
}
/* line 467, sass/component/_magnific_popup.scss */
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
/* line 472, sass/component/_magnific_popup.scss */
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: .8;
}
/* line 479, sass/component/_magnific_popup.scss */
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
  opacity: 0;
}
/* line 484, sass/component/_magnific_popup.scss */
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Move-from-top effect ======

*/
/* line 496, sass/component/_magnific_popup.scss */
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
/* line 497, sass/component/_magnific_popup.scss */
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
/* line 502, sass/component/_magnific_popup.scss */
.mfp-move-from-top .mfp-with-anim {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  opacity: 0;
}
/* line 509, sass/component/_magnific_popup.scss */
.mfp-move-from-top.mfp-bg {
  -webkit-transition: all .2s;
  transition: all .2s;
  opacity: 0;
}
/* line 517, sass/component/_magnific_popup.scss */
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
/* line 522, sass/component/_magnific_popup.scss */
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: .8;
}
/* line 529, sass/component/_magnific_popup.scss */
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
  opacity: 0;
}
/* line 534, sass/component/_magnific_popup.scss */
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== 3d unfold ======

*/
/* line 546, sass/component/_magnific_popup.scss */
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
/* line 547, sass/component/_magnific_popup.scss */
.mfp-3d-unfold .mfp-content {
  -webkit-perspective: 2000px;
  perspective: 2000px;
}
/* line 552, sass/component/_magnific_popup.scss */
.mfp-3d-unfold .mfp-with-anim {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: rotateY(-60deg);
  transform: rotateY(-60deg);
  opacity: 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 562, sass/component/_magnific_popup.scss */
.mfp-3d-unfold.mfp-bg {
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
}
/* line 570, sass/component/_magnific_popup.scss */
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  opacity: 1;
}
/* line 575, sass/component/_magnific_popup.scss */
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: .8;
}
/* line 582, sass/component/_magnific_popup.scss */
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  -webkit-transform: rotateY(60deg);
  transform: rotateY(60deg);
  opacity: 0;
}
/* line 587, sass/component/_magnific_popup.scss */
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== Zoom-out effect ======

*/
/* line 601, sass/component/_magnific_popup.scss */
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
/* line 603, sass/component/_magnific_popup.scss */
.mfp-zoom-out .mfp-with-anim {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}
/* line 610, sass/component/_magnific_popup.scss */
.mfp-zoom-out.mfp-bg {
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  opacity: 0;
}
/* line 618, sass/component/_magnific_popup.scss */
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* line 623, sass/component/_magnific_popup.scss */
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: .8;
}
/* line 630, sass/component/_magnific_popup.scss */
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0;
}
/* line 635, sass/component/_magnific_popup.scss */
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}
/*

====== "Hinge" close effect ======

*/
@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
/* line 680, sass/component/_magnific_popup.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
/* line 686, sass/component/_magnific_popup.scss */
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  -webkit-transition: opacity .5s ease-out;
  transition: opacity .5s ease-out;
  opacity: 0;
}
/* line 694, sass/component/_magnific_popup.scss */
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
/* line 697, sass/component/_magnific_popup.scss */
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: .8;
}
/* line 704, sass/component/_magnific_popup.scss */
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}
/* line 1, sass/component/_clipboard.scss */
.clipboard {
  background-color: #f3f5f8;
}
/* line 4, sass/component/_clipboard.scss */
.clipboard__content {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 3.125rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  /* line 4, sass/component/_clipboard.scss */
  .clipboard__content {
    padding: 1.25rem;
  }
}
/* line 16, sass/component/_clipboard.scss */
.clipboard__logo {
  margin-bottom: 1.875rem;
}
/* line 21, sass/component/_clipboard.scss */
.clipboard__info-title {
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
  color: #333333;
}
@media screen and (max-width: 767px) {
  /* line 21, sass/component/_clipboard.scss */
  .clipboard__info-title {
    font-size: 1rem;
  }
}
/* line 31, sass/component/_clipboard.scss */
.clipboard__info-url {
  font-size: 1rem;
  word-break: break-word;
  color: #333333;
}
@media screen and (max-width: 767px) {
  /* line 31, sass/component/_clipboard.scss */
  .clipboard__info-url {
    font-size: 0.875rem;
  }
}
/* line 41, sass/component/_clipboard.scss */
.clipboard__info-url:hover, .clipboard__info-url:focus {
  color: #732b76;
}
/* line 48, sass/component/_clipboard.scss */
.clipboard__msg {
  line-height: 1.1;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 1.25rem;
  left: 4.375rem;
  display: none;
  overflow: hidden;
  min-height: 2.5rem;
  padding-top: 0.625rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fadeOutUp 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
  animation: fadeOutUp 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  /* line 48, sass/component/_clipboard.scss */
  .clipboard__msg {
    font-size: 0.875rem;
    left: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 48, sass/component/_clipboard.scss */
  .clipboard__msg {
    left: 3.125rem;
  }
}
/* line 79, sass/component/_clipboard.scss */
.clipboard__display {
  position: relative;
  margin: 2.5rem 0;
  padding-left: 3.125rem;
  border: 1px solid #732b76;
  background: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 79, sass/component/_clipboard.scss */
  .clipboard__display {
    padding-left: 2.5rem;
  }
}
/* line 91, sass/component/_clipboard.scss */
.clipboard__display-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  line-height: 1;
  left: 1rem;
}
@media screen and (max-width: 767px) {
  /* line 91, sass/component/_clipboard.scss */
  .clipboard__display-icon {
    left: 0.75rem;
  }
}
/* line 101, sass/component/_clipboard.scss */
.clipboard__display-icon .ico {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1.25rem;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 101, sass/component/_clipboard.scss */
  .clipboard__display-icon .ico {
    font-size: 1rem;
  }
}
/* line 114, sass/component/_clipboard.scss */
.clipboard__display-input {
  font-size: 1rem;
  line-height: 2.5rem;
  width: 100%;
  height: 2.5rem;
  padding: 0 1.25rem;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: #FDFDFD;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 991px) {
  /* line 114, sass/component/_clipboard.scss */
  .clipboard__display-input {
    font-size: 0.875rem;
    padding: 0 0.625rem;
  }
}
/* Plain Table */
/* line 2, sass/component/_table.scss */
table {
  width: 100%;
}
/* line 7, sass/component/_table.scss */
table[data-cellpadding=true] th,
table[data-cellpadding=true] td {
  padding: 0.625rem 0.9375rem;
}
/* line 15, sass/component/_table.scss */
table[border="0"] th,
table[border="0"] td {
  border: 0;
}
/* Theme Styled Table */
/* line 29, sass/component/_table.scss */
.table {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
}
/* line 38, sass/component/_table.scss */
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 1.375rem 1.75rem 1.0625rem;
  text-align: center;
  border-top: 0;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  /* line 38, sass/component/_table.scss */
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 0.3125rem 0.625rem;
  }
}
/* line 55, sass/component/_table.scss */
.table > thead > tr > th,
.table > thead > tr > td {
  font-weight: 400;
  color: #ffffff;
  background-color: #732b76;
}
/* line 64, sass/component/_table.scss */
.table > tbody > tr > th {
  font-weight: 400;
  color: #732b76;
  background-color: #f1f2f6;
}
/* line 76, sass/component/_table.scss */
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
/* line 84, sass/component/_table.scss */
.table-bordered,
.cke_editable table.cke_show_border.table-bordered {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
/* line 92, sass/component/_table.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td,
.cke_editable table.cke_show_border.table-bordered > thead > tr > th,
.cke_editable table.cke_show_border.table-bordered > thead > tr > td,
.cke_editable table.cke_show_border.table-bordered > tbody > tr > th,
.cke_editable table.cke_show_border.table-bordered > tbody > tr > td,
.cke_editable table.cke_show_border.table-bordered > tfoot > tr > th,
.cke_editable table.cke_show_border.table-bordered > tfoot > tr > td {
  border: 1px solid rgba(255, 255, 255, 0.45);
}
/* line 100, sass/component/_table.scss */
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.cke_editable table.cke_show_border.table-bordered > thead > tr > th,
.cke_editable table.cke_show_border.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
/* line 108, sass/component/_table.scss */
.table-striped > tbody > tr:nth-of-type(even) td {
  background-color: #FAF9F9;
}
/* line 112, sass/component/_table.scss */
.table-striped > tbody > tr:nth-of-type(odd) th {
  background-color: #f1f2f6;
}
/* line 116, sass/component/_table.scss */
.table-striped > tbody > tr:nth-of-type(even) th {
  background-color: #F9FAFD;
}
/* line 122, sass/component/_table.scss */
.table-hover > tbody > tr:hover {
  background-color: #f3f5f8;
}
/* Responsive table */
@-webkit-keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
@keyframes passing {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}
/* line 148, sass/component/_table.scss */
.table-wrapper {
  position: relative;
}
/* line 152, sass/component/_table.scss */
.table-wrapper.is-loaded:before, .table-wrapper.is-loaded:after {
  display: none;
}
/* line 158, sass/component/_table.scss */
.table-wrapper:after {
  position: absolute;
  z-index: 22;
  top: 0;
  bottom: 0;
  display: block;
  width: 3.125rem;
  content: " ";
  pointer-events: none;
  background-image: -webkit-gradient(linear, right top, left top, from(#f8f8fa), to(rgba(248, 248, 250, 0)));
  background-image: linear-gradient(to left, #f8f8fa, rgba(248, 248, 250, 0));
}
/* line 174, sass/component/_table.scss */
.table-wrapper:before {
  position: absolute;
  z-index: 25;
  top: 50px;
  right: 12px;
  width: 18px;
  height: 18px;
  content: "";
  -webkit-animation: passing 1s linear infinite;
  animation: passing 1s linear infinite;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABCCAMAAADQfyDnAAAAgVBMVEUAAAAAAAANEREREhIRExMSExMREhIQExMTExMRExMQEhIREhIRExMQExMQExMREhIREhISExMRExMRERETExMRERESEhISExMPERESExMRFBQQExMQEREREREQERETExMTExMREREREREQEhIQEREPEhISExMRERETExMREhIRERF9dGcbAAAAK3RSTlMAAhKe8P/QSgpp1mN3ubtcefpW3BocUk8g4CPk90XnJ0Eq6j3zLu04M3+9t2K1pQAAAVhJREFUeAGl11VuBEEQBNFlZmbm+9/PbHfa3hilVPX7QguD3bn3yedokvEUiqVypWoYTK1Sfp/6U2t8WDPzA1rlcqrYeNplrjrf1v1vGmnFxn+Bq94P9Qd8EBtc1YbOJ4wyqrHYRMGu1KYKdjWbg2FV9U1mkVEtlj+2UuNq/dc2bGm2WmXYTsGu9gcwrI5sJzW/OrNpdUnV1TezuiUr8SfcSqm6+WZWVzCsLv8+4ZTsrGBV/iccU3XY+6bViis2nV2qNlvfZNZcoXG18E2m2v+plgvPuJoXfJOZpurum87kp3r4Fv+A+F+IH8T4aYxfSPFLece3HFn8doaHxtmw4CPNf6iCxV8M3FwNi78cuTk65i8QwLjZ+cZLHNN4KeYZLwY9Cy1VoZma5i/XwaAZ+GZtOMhgy1Pu+uZtushga9d0DaKmZ/gX6q7BQaxbBlv8U7kyMQ2m5hjMKy6PQm+sXny2AAAAAElFTkSuQmCC") no-repeat center center;
  background-size: contain;
}
/* line 190, sass/component/_table.scss */
.table-wrapper:after {
  right: 0;
}
/* line 195, sass/component/_table.scss */
.table-wrapper.right-end:before, .table-wrapper.right-end:after {
  display: none;
}
@media screen and (max-width: 991px) {
  /* line 202, sass/component/_table.scss */
  .table-responsive {
    position: relative;
    z-index: 0;
    border: 0;
    -webkit-overflow-scrolling: touch;
  }
  /* line 211, sass/component/_table.scss */
  .table-responsive table {
    margin-bottom: 0;
  }
}
/* line 216, sass/component/_table.scss */
.table-responsive .shadow-table {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  display: none;
  width: 110px;
  height: 100%;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/inline/bg_table-shadow.png") repeat-y 0 0;
  background-size: contain;
}
/* line 230, sass/component/_table.scss */
.table-responsive .shadow-table em {
  position: absolute;
  z-index: 1;
  top: 55px;
  left: 45px;
  display: block;
  width: 40px;
  height: 42px;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDMuNzA4IiBoZWlnaHQ9IjUxMi4wMDIiIHZpZXdCb3g9IjQuMTQ2IC0wLjAwMSA1MDMuNzA4IDUxMi4wMDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgNC4xNDYgLTAuMDAxIDUwMy43MDggNTEyLjAwMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUwNy44NTQgMzQuMTMzYzAtMy4zOTktMS41MTEtNi4wMzgtNC4wMi03LjQzNGwtMjQuMTQxLTI0LjE0Yy0zLjQxMy0zLjQxMy04LjUzMy0zLjQxMy0xMS45NDcgMC0zLjQxMiAzLjQxMy0zLjQxMiA4LjUzMyAwIDExLjk0N2wxMS4wOTQgMTEuMDk0aC03OC41MDhsMTEuMDk0LTExLjA5M2MzLjQxMy0zLjQxMyAzLjQxMy04LjUzMyAwLTExLjk0Ny0zLjQxMy0zLjQxMy04LjUzMy0zLjQxMy0xMS45NDcgMGwtMjQuMTQgMjQuMTRjLTIuNTA4IDEuMzk0LTQuMDE4IDQuMDMtNC4wMjEgNy40MjZ2LjAxNWMuMDAyIDMuMzk2IDEuNTEyIDYuMDMyIDQuMDIxIDcuNDI2bDI0LjE0IDI0LjE0YzEuNzA3IDEuNzA3IDMuNDEzIDIuNTYgNS45NzMgMi41NiAyLjU2MSAwIDQuMjY4LS44NTMgNS45NzQtMi41NiAzLjQxMy0zLjQxMyAzLjQxMy04LjUzMyAwLTExLjk0N2wtMTEuMDk0LTExLjA5M2g3OC41MDhsLTExLjA5NCAxMS4wOTNjLTMuNDEyIDMuNDEzLTMuNDEyIDguNTMzIDAgMTEuOTQ3IDEuNzA3IDEuNzA3IDMuNDEzIDIuNTYgNS45NzQgMi41NiAyLjU2IDAgNC4yNjctLjg1MyA1Ljk3My0yLjU2bDI0LjE0LTI0LjE0YzIuNTEtMS4zOTUgNC4wMjEtNC4wMzUgNC4wMjEtNy40MzR6bS0xMzYuNTMzIDE0NS4wNjdjLTkuMzg3IDAtMTguNzcyIDMuNDEzLTI1LjYgOC41MzN2LTguNTMzYzAtMjMuODkzLTE4Ljc3My00Mi42NjctNDIuNjY3LTQyLjY2Ny05LjM4NyAwLTE4Ljc3MyAzLjQxMy0yNS42IDguNTMzIDAtMjMuODkzLTE4Ljc3My00Mi42NjctNDIuNjY3LTQyLjY2Ny05LjM4OCAwLTE4Ljc3MyAzLjQxMy0yNS42MDEgOC41MzN2LTY4LjI2NWMuMDAxLTIzLjg5NC0xOC43NzItNDIuNjY3LTQyLjY2NS00Mi42NjdzLTQyLjY2NyAxOC43NzMtNDIuNjY3IDQyLjY2N3YxOTMuNzA3Yy0xOC43NzItMzIuNDI3LTYyLjI5My00OC42NC05NS41NzItMzYuNjkzLTQuMjY4Ljg1My03LjY4MSAzLjQxMy0xMS45NDcgNS45NzMtMTIuOCA4LjUzMy0xMS45NDcgMTkuNjI3LTExLjk0NyAyMy4wNC0uODUzIDUuMTIgMCA1Ljk3MyAxMS45NDcgMTkuNjI3IDE0LjUwNyAxNy4wNjggNDYuMDggNTIuOTA4IDY1LjcwNyA4OC43NDggMS43MDcgMS43MDcgMjQuNzQ3IDM5LjI1MiA1MC4zNDcgNjcuNDEzdjIyLjE4N2MwIDQ2LjkzMyAzOC40IDg1LjMzMyA4NS4zMzMgODUuMzMzaDg1LjMzM2MzNi42OTIgMCA3NS4wOTMtMzAuNzIgODMuNjI3LTY2LjU2IDIuNTYtMTAuMjQgNS4xMi0xNy45MjEgOC41MzMtMjEuMzMzIDguNTMyLTEwLjI0IDE4Ljc3Mi0zNC4xMzQgMTguNzcyLTY1LjcwOHYtMTM2LjUzNGMwLTIzLjg5NC0xOC43NzMtNDIuNjY3LTQyLjY2Ni00Mi42Njd6bS02Ny40MTQgMzE1LjczM2gtODUuMzMzYy0zNy41NDggMC02OC4yNjgtMzAuNzItNjguMjY4LTY4LjI2N3YtNy43MjZjMS42NyAxLjIwOSAzLjM2NiAyLjM2MiA1LjEyIDMuNDU5bDE0LjUwNyAxMS4wOTNjMS43MDcuODUzIDMuNDEzIDEuNzA3IDUuMTIgMS43MDcgMi41NiAwIDUuMTItLjg1NCA1Ljk3My0zLjQxMyAzLjQxMy0zLjQxMyAyLjU2MS04LjUzMy0uODUzLTExLjk0Ny01LjEyLTUuMTItMTAuMjQtOC41MzMtMTUuMzYtMTEuOTQ3LTUuOTE0LTQuMjI0LTExLjgyOC04LjQ1LTE3Ljc0Mi0xMy41MDMtMjUuMzU3LTI2LjQ1NS00OS42NzEtNjUuODU3LTQ5LjY3MS02NS44NTctMjAuNDc5LTM2LjY5My01Mi45MDYtNzMuMzg3LTY4LjI2Ny05MS4zMDctMi41Ni0zLjQxMy01Ljk3My03LjY4LTcuNjgtOS4zODcgMC0yLjU2IDAtNC4yNjcgNS45NzMtNy42OCAzLjQxMy0xLjcwNyA1Ljk3My0zLjQxMyA4LjUzMy00LjI2NyAyMi4xODctNy42OCA1OC44OCAyLjU2IDc1LjA5MyAzMC43MmwxMy4xOTEgMTkuNzg2Yy4xMDguNTIzLjI2IDEuMDQxLjQ2MiAxLjU0N2w4LjUzMiAxNy4wNjdjMS43MDcgMy40MTMgNC4yNjggNS4xMiA3LjY4MSA1LjEyIDEuNzA3IDAgMi41NiAwIDMuNDEzLTEuNzA3IDMuNDEzLTEuNzA3IDUuMTItNi44MjYgMy40MTMtMTEuMDkzbC02LjAyMS0xMi4wMzljLjAyOC0uMjUzLjA0Ni0uNTA3LjA0Ni0uNzYxdi0yMjEuODY0YzAtMTQuNTA3IDExLjA5My0yNS42IDI1LjYwMS0yNS42IDE0LjUwNyAwIDI1LjYgMTEuMDkzIDI1LjYgMjUuNnYxMzIuNDk5Yy0uNTUgMS4xNjktLjg1MyAyLjUyNS0uODUzIDQuMDM1djEwMi40YzAgNS4xMTkgMy40MTIgOC41MzIgOC41MzIgOC41MzJzOC41MzMtMy40MTMgOC41MzMtOC41MzJ2LTk4LjM2NmMuNTUtMS4xNjkuODU0LTIuNTI1Ljg1NC00LjAzNXYtMzQuMTMzYzAtMTQuNTA3IDExLjA5My0yNS42IDI1LjYtMjUuNnMyNS42IDExLjA5MyAyNS42IDI1LjZ2MTI3Ljk5OWMwIDUuMTIxIDMuNDEzIDguNTMzIDguNTMzIDguNTMzczguNTMzLTMuNDEyIDguNTMzLTguNTMzdi05My44NjZjMC0xNC41MDcgMTEuMDkzLTI1LjYgMjUuNi0yNS42czI1LjYwMSAxMS4wOTMgMjUuNjAxIDI1LjZ2MTAyLjRjMCA1LjEyIDMuNDEyIDguNTMzIDguNTMyIDguNTMzczguNTMzLTMuNDEzIDguNTMzLTguNTMzdi01OS43MzJjMC0xNC41MDcgMTEuMDkzLTI1LjYgMjUuNjAxLTI1LjYgMTQuNTA3IDAgMjUuNiAxMS4wOTMgMjUuNiAyNS42djEzNi41MzJjMCAxNS44NzMtMy4wNjcgMjguNjc0LTYuNjgyIDM3Ljk5OC0uNzcyLjg0LTEuNDAzIDEuODQtMS44NTMgMi45NjItMy40MTMgMTEuMDkzLTEzLjY1MyAxMy42NTItMzIuNDI3IDE4Ljc3MmwtNS4xMi44NTRjLTQuMjY3Ljg1My02LjgyNyA1Ljk3My01Ljk3MyAxMC4yMzkgMS43MDcgMy40MTMgNS4xMiA1Ljk3NCA4LjUzMiA1Ljk3NGg2LjgyN2MzLjkyMi0xLjA3IDcuODQzLTIuMTA0IDExLjY1NS0zLjI1NC0uODU2IDIuODkzLTEuNjE4IDUuOTc3LTIuMjY4IDkuMjI4LTUuOTY3IDI5LjAxNS0zNy41MzkgNTMuNzYtNjYuNTUzIDUzLjc2eiIvPjxwYXRoIG9wYWNpdHk9Ii44IiBmaWxsPSIjZmZmIiBkPSJNMzAzLjkwNyA0OTQuOTM0aC04NS4zMzNjLTM3LjU0OCAwLTY4LjI2OC0zMC43MjEtNjguMjY4LTY4LjI2OHYtNy43MjVjMS42NyAxLjIwOSAzLjM2NiAyLjM2MSA1LjEyIDMuNDU5bDE0LjUwNyAxMS4wOTJjMS43MDcuODU0IDMuNDEzIDEuNzA3IDUuMTIgMS43MDcgMi41NiAwIDUuMTItLjg1NCA1Ljk3My0zLjQxMiAzLjQxMy0zLjQxNCAyLjU2MS04LjUzMy0uODUzLTExLjk0Ny01LjEyLTUuMTIxLTEwLjI0LTguNTMzLTE1LjM2LTExLjk0Ny01LjkxNC00LjIyNS0xMS44MjgtOC40NTEtMTcuNzQyLTEzLjUwNC0yNS4zNTctMjYuNDU1LTQ5LjY3MS02NS44NTYtNDkuNjcxLTY1Ljg1Ni0yMC40NzktMzYuNjkzLTUyLjkwNi03My4zODgtNjguMjY3LTkxLjMwOC0yLjU2LTMuNDEyLTUuOTczLTcuNjgtNy42OC05LjM4NyAwLTIuNTYxIDAtNC4yNjggNS45NzMtNy42OCAzLjQxMy0xLjcwNyA1Ljk3My0zLjQxMyA4LjUzMy00LjI2OCAyMi4xODctNy42OCA1OC44OCAyLjU2MSA3NS4wOTMgMzAuNzIxbDEzLjE5MSAxOS43ODVjLjEwOC41MjMuMjYgMS4wNDEuNDYyIDEuNTQ3bDguNTMyIDE3LjA2OGMxLjcwNyAzLjQxMiA0LjI2OCA1LjExOSA3LjY4MSA1LjExOSAxLjcwNyAwIDIuNTYgMCAzLjQxMy0xLjcwNyAzLjQxMy0xLjcwNyA1LjEyLTYuODI2IDMuNDEzLTExLjA5MmwtNi4wMjEtMTIuMDM5Yy4wMjgtLjI1NC4wNDYtLjUwOC4wNDYtLjc2MnYtMjIxLjg2M2MwLTE0LjUwNyAxMS4wOTMtMjUuNiAyNS42MDEtMjUuNiAxNC41MDcgMCAyNS42IDExLjA5MyAyNS42IDI1LjZ2MTMyLjQ5OWMtLjU1IDEuMTY5LS44NTMgMi41MjUtLjg1MyA0LjAzNXYxMDIuNGMwIDUuMTE5IDMuNDEyIDguNTMzIDguNTMyIDguNTMzczguNTMzLTMuNDE0IDguNTMzLTguNTMzdi05OC4zNjVjLjU1LTEuMTY5Ljg1NC0yLjUyNS44NTQtNC4wMzV2LTM0LjEzM2MwLTE0LjUwNyAxMS4wOTMtMjUuNiAyNS42LTI1LjZzMjUuNiAxMS4wOTMgMjUuNiAyNS42djEyNy45OThjMCA1LjEyMSAzLjQxMyA4LjUzMyA4LjUzMyA4LjUzM3M4LjUzMy0zLjQxMiA4LjUzMy04LjUzM3YtOTMuODY2YzAtMTQuNTA3IDExLjA5My0yNS42IDI1LjYtMjUuNnMyNS42MDEgMTEuMDkzIDI1LjYwMSAyNS42djEwMi40YzAgNS4xMjEgMy40MTIgOC41MzMgOC41MzIgOC41MzNzOC41MzMtMy40MTIgOC41MzMtOC41MzN2LTU5LjczMmMwLTE0LjUwOCAxMS4wOTMtMjUuNiAyNS42MDEtMjUuNiAxNC41MDcgMCAyNS42IDExLjA5MiAyNS42IDI1LjZ2MTM2LjUzMmMwIDE1Ljg3My0zLjA2NyAyOC42NzQtNi42ODIgMzcuOTk4LS43NzIuODQtMS40MDMgMS44NC0xLjg1MyAyLjk2My0zLjQxMyAxMS4wOTItMTMuNjUzIDEzLjY1Mi0zMi40MjcgMTguNzcxbC01LjEyLjg1NGMtNC4yNjcuODU0LTYuODI3IDUuOTczLTUuOTczIDEwLjI0IDEuNzA3IDMuNDEyIDUuMTIgNS45NzMgOC41MzIgNS45NzNoNi44MjdjMy45MjItMS4wNyA3Ljg0My0yLjEwNCAxMS42NTUtMy4yNTQtLjg1NiAyLjg5My0xLjYxOCA1Ljk3Ny0yLjI2OCA5LjIyOS01Ljk2NyAyOS4wMTQtMzcuNTM5IDUzLjc2LTY2LjU1MyA1My43NnoiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 40px auto;
}
/* line 249, sass/component/_table.scss */
.l-scroll .table-responsive .shadow-table {
  display: none !important;
}
/* line 2, sass/component/_slick.scss */
.slider__item {
  position: relative;
}
/* line 5, sass/component/_slick.scss */
.slider__item:first-child {
  display: block !important;
}
/* line 7, sass/component/_slick.scss */
.no-js .slider__item:first-child {
  float: none !important;
}
/* line 13, sass/component/_slick.scss */
.slider--key-visual {
  background-color: #ffffff;
}
/* line 16, sass/component/_slick.scss */
.slider--key-visual .slick-dots-container {
  z-index: 100;
  top: auto;
  bottom: 2.1875rem;
}
@media screen and (max-width: 1199px) {
  /* line 16, sass/component/_slick.scss */
  .slider--key-visual .slick-dots-container {
    bottom: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 16, sass/component/_slick.scss */
  .slider--key-visual .slick-dots-container {
    top: 100%;
    bottom: auto;
    margin-top: -8%;
  }
}
/* line 32, sass/component/_slick.scss */
.slider--key-visual .slick-dots button {
  background-color: #ffffff;
  -webkit-box-shadow: 1px -2px 7px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px -2px 7px 1px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1199px) {
  /* line 32, sass/component/_slick.scss */
  .slider--key-visual .slick-dots button {
    -webkit-box-shadow: 1px -1px 8px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 1px -1px 8px 1px rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 767px) {
  /* line 32, sass/component/_slick.scss */
  .slider--key-visual .slick-dots button {
    background-color: #b2b2b2;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
/* line 45, sass/component/_slick.scss */
.slider--key-visual .slick-dots .slick-active button {
  -webkit-box-shadow: 1px -2px 7px 1px rgba(34, 34, 34, 0.2);
  box-shadow: 1px -2px 7px 1px rgba(34, 34, 34, 0.2);
}
@media screen and (max-width: 1199px) {
  /* line 45, sass/component/_slick.scss */
  .slider--key-visual .slick-dots .slick-active button {
    -webkit-box-shadow: 1px -1px 8px 1px rgba(34, 34, 34, 0.4);
    box-shadow: 1px -1px 8px 1px rgba(34, 34, 34, 0.4);
  }
}
@media screen and (max-width: 767px) {
  /* line 45, sass/component/_slick.scss */
  .slider--key-visual .slick-dots .slick-active button {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
/* line 58, sass/component/_slick.scss */
.slider--key-visual .slick-pause-play button.btn-pause-play {
  border-left-color: #ffffff;
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.6));
}
@media screen and (max-width: 1199px) {
  /* line 58, sass/component/_slick.scss */
  .slider--key-visual .slick-pause-play button.btn-pause-play {
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.8));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.8));
  }
}
@media screen and (max-width: 767px) {
  /* line 58, sass/component/_slick.scss */
  .slider--key-visual .slick-pause-play button.btn-pause-play {
    border-left-color: #b2b2b2;
    -webkit-filter: none;
    filter: none;
  }
}
@media screen and (min-width: 1025px) {
  /* line 76, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-1 {
    padding-bottom: 0;
  }
  /* line 80, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-1 .slick-dots-container {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  /* line 76, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-1 {
    padding-bottom: 0;
  }
  /* line 87, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-1 .slick-dots-container {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  /* line 76, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-2 {
    padding-bottom: 0;
  }
  /* line 80, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-2 .slick-dots-container {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  /* line 76, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-2 {
    padding-bottom: 0;
  }
  /* line 87, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-2 .slick-dots-container {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  /* line 76, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-3 {
    padding-bottom: 0;
  }
  /* line 80, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-3 .slick-dots-container {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  /* line 76, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-3 {
    padding-bottom: 0;
  }
  /* line 87, sass/component/_slick.scss */
  .slider--follow.slick-default-item-count-3 .slick-dots-container {
    display: none;
  }
}
/* line 96, sass/component/_slick.scss */
.slider--mainhl .slick-slide {
  width: 100%;
}
@media screen and (min-width: 991px) {
  /* line 100, sass/component/_slick.scss */
  .slider--mainhl .slick-dots-container {
    top: calc(100% + 6px);
  }
}
/* line 108, sass/component/_slick.scss */
.slider--newslhl .slick-slide {
  width: 100%;
}
/* line 114, sass/component/_slick.scss */
.slider--recap .slick-prev {
  left: 1.5625rem;
}
@media screen and (max-width: 1439px) {
  /* line 114, sass/component/_slick.scss */
  .slider--recap .slick-prev {
    left: -1.5625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 114, sass/component/_slick.scss */
  .slider--recap .slick-prev {
    left: -1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 114, sass/component/_slick.scss */
  .slider--recap .slick-prev {
    left: -0.625rem;
  }
}
/* line 127, sass/component/_slick.scss */
.slider--recap .slick-next {
  right: 3.25rem;
}
@media screen and (max-width: 1439px) {
  /* line 127, sass/component/_slick.scss */
  .slider--recap .slick-next {
    right: 0.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 127, sass/component/_slick.scss */
  .slider--recap .slick-next {
    right: 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 127, sass/component/_slick.scss */
  .slider--recap .slick-next {
    right: -0.625rem;
  }
}
/* line 142, sass/component/_slick.scss */
.slider--related .slick-dots {
  width: 100%;
  margin-top: 1.1875rem;
  text-align: center;
}
@media screen and (max-width: 991px) {
  /* line 142, sass/component/_slick.scss */
  .slider--related .slick-dots {
    margin-top: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 142, sass/component/_slick.scss */
  .slider--related .slick-dots {
    margin-top: 2.5rem;
  }
}
/* line 157, sass/component/_slick.scss */
.slider--upevt .slick-prev {
  left: -1.875rem;
}
@media screen and (max-width: 991px) {
  /* line 157, sass/component/_slick.scss */
  .slider--upevt .slick-prev {
    left: -1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 157, sass/component/_slick.scss */
  .slider--upevt .slick-prev {
    left: -0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 167, sass/component/_slick.scss */
  .slider--upevt .slick-next {
    right: -0.9375rem;
  }
}
/* line 176, sass/component/_slick.scss */
.slider--single-sl .slider__item {
  width: 100%;
}
/* line 181, sass/component/_slick.scss */
.slider--single-sl .slick-dots {
  margin-top: 1.5rem;
}
/* line 187, sass/component/_slick.scss */
.slider--ss .slick-prev {
  left: 1.25rem;
  margin-top: -1.875rem;
}
@media screen and (max-width: 991px) {
  /* line 187, sass/component/_slick.scss */
  .slider--ss .slick-prev {
    left: -1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 187, sass/component/_slick.scss */
  .slider--ss .slick-prev {
    left: -0.625rem;
  }
}
/* line 199, sass/component/_slick.scss */
.slider--ss .slick-next {
  right: 2.5rem;
  margin-top: -1.875rem;
}
@media screen and (max-width: 991px) {
  /* line 199, sass/component/_slick.scss */
  .slider--ss .slick-next {
    right: -0.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 199, sass/component/_slick.scss */
  .slider--ss .slick-next {
    right: -0.625rem;
  }
}
/* line 213, sass/component/_slick.scss */
.slider--imgcap .slick-arrow {
  top: 0;
  margin-top: 25%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
/* line 221, sass/component/_slick.scss */
.slider--imgcap .slick-prev {
  left: 1.25rem;
}
@media screen and (max-width: 991px) {
  /* line 221, sass/component/_slick.scss */
  .slider--imgcap .slick-prev {
    left: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 221, sass/component/_slick.scss */
  .slider--imgcap .slick-prev {
    left: 0;
  }
}
/* line 232, sass/component/_slick.scss */
.slider--imgcap .slick-next {
  right: 1.25rem;
}
@media screen and (max-width: 991px) {
  /* line 232, sass/component/_slick.scss */
  .slider--imgcap .slick-next {
    right: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 232, sass/component/_slick.scss */
  .slider--imgcap .slick-next {
    right: 0;
  }
}
/* line 245, sass/component/_slick.scss */
.slider--most .slick-prev {
  left: -4.0625rem;
}
@media screen and (max-width: 1199px) {
  /* line 245, sass/component/_slick.scss */
  .slider--most .slick-prev {
    left: -2.5rem;
  }
}
/* line 251, sass/component/_slick.scss */
.slider--most .slick-next {
  right: -2.1875rem;
}
@media screen and (max-width: 1199px) {
  /* line 251, sass/component/_slick.scss */
  .slider--most .slick-next {
    right: -1.5625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 251, sass/component/_slick.scss */
  .slider--most .slick-next {
    right: 0;
  }
}
/* line 262, sass/component/_slick.scss */
.slider--interest .slick-prev {
  left: -4.0625rem;
}
@media screen and (max-width: 1199px) {
  /* line 262, sass/component/_slick.scss */
  .slider--interest .slick-prev {
    left: -2.5rem;
  }
}
/* line 268, sass/component/_slick.scss */
.slider--interest .slick-next {
  right: -2.1875rem;
}
@media screen and (max-width: 1199px) {
  /* line 268, sass/component/_slick.scss */
  .slider--interest .slick-next {
    right: -1.625rem;
  }
}
/* line 277, sass/component/_slick.scss */
.slider--key-arrows .slick-arrow {
  width: auto;
  height: auto;
  border-radius: 0;
  background-color: transparent;
  text-shadow: 1px -1px 2px rgba(0, 0, 0, 0.02);
}
/* line 285, sass/component/_slick.scss */
.slider--key-arrows .slick-arrow:before {
  font-size: 4.3125rem;
  text-indent: 0;
  color: #8f8f8f;
}
@media screen and (max-width: 1199px) {
  /* line 285, sass/component/_slick.scss */
  .slider--key-arrows .slick-arrow:before {
    font-size: 2.625rem;
  }
}
/* line 298, sass/component/_slick.scss */
.slider--key-arrows .slick-arrow:hover, .slider--key-arrows .slick-arrow:focus {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 303, sass/component/_slick.scss */
.slider--key-arrows .slick-arrow:hover:before, .slider--key-arrows .slick-arrow:focus:before {
  color: #A880A8;
  text-shadow: 1px -1px 4px rgba(0, 0, 0, 0.05);
}
/* line 313, sass/component/_slick.scss */
.slider--year-nav .slider__item:nth-child(-n+3) {
  display: block !important;
  float: left !important;
}
/* line 319, sass/component/_slick.scss */
.slider--year-nav .slick-arrow {
  width: 2.625rem;
  height: 2.625rem;
  background-color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 319, sass/component/_slick.scss */
  .slider--year-nav .slick-arrow {
    width: 2.25rem;
    height: 2.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 319, sass/component/_slick.scss */
  .slider--year-nav .slick-arrow {
    width: 1.875rem;
    height: 1.875rem;
  }
}
/* line 333, sass/component/_slick.scss */
.slider--year-nav .slick-arrow:before {
  font-size: 1.25rem;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 333, sass/component/_slick.scss */
  .slider--year-nav .slick-arrow:before {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 333, sass/component/_slick.scss */
  .slider--year-nav .slick-arrow:before {
    font-size: 0.75rem;
  }
}
/* line 345, sass/component/_slick.scss */
.slider--year-nav .slick-arrow:hover, .slider--year-nav .slick-arrow:focus {
  background-color: #732b76;
}
/* line 351, sass/component/_slick.scss */
.slider--year-nav .slick-prev {
  right: 100%;
  left: auto;
}
/* line 356, sass/component/_slick.scss */
.slider--year-nav .slick-next {
  right: auto;
  left: 100%;
}
/* line 363, sass/component/_slick.scss */
.slider--hvrcard .slick-prev {
  left: 1.25rem;
}
@media screen and (max-width: 1199px) {
  /* line 363, sass/component/_slick.scss */
  .slider--hvrcard .slick-prev {
    left: 0;
  }
}
@media screen and (max-width: 991px) {
  /* line 363, sass/component/_slick.scss */
  .slider--hvrcard .slick-prev {
    left: -1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 363, sass/component/_slick.scss */
  .slider--hvrcard .slick-prev {
    left: -0.625rem;
  }
}
/* line 376, sass/component/_slick.scss */
.slider--hvrcard .slick-next {
  right: 2.5rem;
}
@media screen and (max-width: 1199px) {
  /* line 376, sass/component/_slick.scss */
  .slider--hvrcard .slick-next {
    right: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 376, sass/component/_slick.scss */
  .slider--hvrcard .slick-next {
    right: -0.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 376, sass/component/_slick.scss */
  .slider--hvrcard .slick-next {
    right: -0.625rem;
  }
}
/* line 394, sass/component/_slick.scss */
.timeline-arrows {
  position: absolute;
  top: 0.75rem;
  right: 0.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 394, sass/component/_slick.scss */
  .timeline-arrows {
    top: 0.875rem;
    right: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 394, sass/component/_slick.scss */
  .timeline-arrows {
    top: 1rem;
    right: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 394, sass/component/_slick.scss */
  .timeline-arrows {
    top: 1.25rem;
    right: 1.5625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 394, sass/component/_slick.scss */
  .timeline-arrows {
    right: 0.9375rem;
  }
}
/* line 414, sass/component/_slick.scss */
.timeline-arrows .slick-arrow {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  opacity: 1;
  border-radius: 0;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/* line 422, sass/component/_slick.scss */
.timeline-arrows .slick-arrow:before {
  font-size: 1.6875rem;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 422, sass/component/_slick.scss */
  .timeline-arrows .slick-arrow:before {
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 422, sass/component/_slick.scss */
  .timeline-arrows .slick-arrow:before {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 422, sass/component/_slick.scss */
  .timeline-arrows .slick-arrow:before {
    font-size: 1.375rem;
  }
}
/* line 439, sass/component/_slick.scss */
.timeline-arrows .slick-arrow:hover:before, .timeline-arrows .slick-arrow:focus:before {
  color: #732b76;
}
/* line 444, sass/component/_slick.scss */
.timeline-arrows .slick-arrow.slick-disabled {
  opacity: .3;
}
/* line 449, sass/component/_slick.scss */
.timeline-arrows .slick-prev {
  right: 4.375rem;
  left: auto;
}
@media screen and (max-width: 991px) {
  /* line 449, sass/component/_slick.scss */
  .timeline-arrows .slick-prev {
    right: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 449, sass/component/_slick.scss */
  .timeline-arrows .slick-prev {
    right: 3.125rem;
  }
}
/* line 459, sass/component/_slick.scss */
.timeline-arrows .slick-next {
  right: 0;
  left: auto;
}
@media screen and (max-width: 991px) {
  /* line 468, sass/component/_slick.scss */
  .key-block .slick-arrow {
    top: -3.25rem;
    right: 3.1875rem;
    left: auto;
    width: auto;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #732b76;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  /* line 483, sass/component/_slick.scss */
  .key-block .slick-arrow:before {
    font-size: 1.875rem;
  }
  /* line 487, sass/component/_slick.scss */
  .key-block .slick-prev {
    right: 3.1875rem;
    left: auto;
    color: #732b76;
  }
  /* line 493, sass/component/_slick.scss */
  .key-block .slick-next {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 499, sass/component/_slick.scss */
  .key-block .slick-arrow:before {
    font-size: 1.5rem;
  }
  /* line 503, sass/component/_slick.scss */
  .key-block .slick-prev {
    right: 3rem;
    left: auto;
  }
}
/* line 526, sass/component/_slick.scss */
.slider--flex .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 529, sass/component/_slick.scss */
.slider--flex .slick-track .slick-slide {
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 541, sass/component/_slick.scss */
.slick-loading .slick-list {
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/lib_slick/ajax-loader.gif") center center no-repeat;
}
/* line 546, sass/component/_slick.scss */
.slick-slider {
  z-index: 0;
}
/* Arrows */
/* line 553, sass/component/_slick.scss */
.slick-arrow {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-size: 0;
  z-index: 9999;
  width: 4rem;
  height: 4rem;
  padding: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  border: none;
  border-radius: 50%;
  background-color: rgba(248, 248, 248, 0.65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 1439px) {
  /* line 553, sass/component/_slick.scss */
  .slick-arrow {
    width: 2.90909091rem;
    height: 2.90909091rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 553, sass/component/_slick.scss */
  .slick-arrow {
    width: 3.55555556rem;
    height: 3.55555556rem;
    background-color: rgba(248, 248, 248, 0.8);
  }
}
/* line 584, sass/component/_slick.scss */
.slick-arrow:before {
  font-family: icomoon;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 2.0625rem;
  line-height: 1;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 584, sass/component/_slick.scss */
  .slick-arrow:before {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 584, sass/component/_slick.scss */
  .slick-arrow:before {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 992px) {
  /* line 605, sass/component/_slick.scss */
  .slick-arrow:hover {
    background-color: #F8F8F8;
  }
}
/* line 610, sass/component/_slick.scss */
.slick-arrow:active {
  opacity: .5;
}
/* line 615, sass/component/_slick.scss */
.slick-prev {
  left: 0;
}
/* line 618, sass/component/_slick.scss */
.slick-prev:before {
  content: "\e938";
}
/* line 622, sass/component/_slick.scss */
.slick-prev:hover {
  -webkit-box-shadow: -3px 0 10px rgba(0, 0, 0, 0.35);
  box-shadow: -3px 0 10px rgba(0, 0, 0, 0.35);
}
/* line 627, sass/component/_slick.scss */
.slick-next {
  right: 0;
}
/* line 630, sass/component/_slick.scss */
.slick-next:before {
  content: "\e939";
  text-indent: 0.18181818em;
}
/* line 635, sass/component/_slick.scss */
.slick-next:hover {
  -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.35);
}
/* Dots */
/* line 641, sass/component/_slick.scss */
.slick-dots-container {
  font-size: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  text-align: center;
}
/* line 651, sass/component/_slick.scss */
.slick-initialized .slick-dots-container {
  -webkit-animation: fadeInUp 1s;
  animation: fadeInUp 1s;
}
/* line 655, sass/component/_slick.scss */
.slider--dots-left .slick-dots-container {
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 655, sass/component/_slick.scss */
  .slider--dots-left .slick-dots-container {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  /* line 662, sass/component/_slick.scss */
  .slider--dots-left .slick-dots-container .slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.3125rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* line 670, sass/component/_slick.scss */
.slider--dots-left .slick-dots-container .slick-dots > li {
  margin-left: 0;
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 670, sass/component/_slick.scss */
  .slider--dots-left .slick-dots-container .slick-dots > li {
    text-align: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 0;
    margin-left: 0.3125rem;
    margin-bottom: 0.875rem;
  }
}
/* line 684, sass/component/_slick.scss */
.slick-dots-container .slick-pause-play {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  /* line 684, sass/component/_slick.scss */
  .slick-dots-container .slick-pause-play {
    text-align: right;
  }
}
/* line 691, sass/component/_slick.scss */
.js-add-pause-before .slick-dots-container {
  display: none !important;
}
/* line 696, sass/component/_slick.scss */
.slick-dots {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
  margin: 0 0 10px 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  /* line 696, sass/component/_slick.scss */
  .slick-dots {
    row-gap: 10px;
  }
}
/* line 710, sass/component/_slick.scss */
.slider--dot-center .slick-dots {
  width: 100%;
  text-align: center;
}
/* line 716, sass/component/_slick.scss */
.js-add-pause-before .slick-dots {
  display: none !important;
}
/* line 720, sass/component/_slick.scss */
.slick-dots > li {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  line-height: 1;
  margin: 0 0.5rem;
}
@media screen and (max-width: 767px) {
  /* line 720, sass/component/_slick.scss */
  .slick-dots > li {
    margin: 0 0.3125rem;
  }
}
/* line 731, sass/component/_slick.scss */
.slick-dots > li.slick-active button {
  background-color: #1440ab;
}
/* line 736, sass/component/_slick.scss */
.slick-dots button {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 3.9375rem;
  height: 0.1875rem;
  padding: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: transparent;
  border: none;
  background-color: #8f8f8f;
}
@media screen and (max-width: 991px) {
  /* line 736, sass/component/_slick.scss */
  .slick-dots button {
    width: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 736, sass/component/_slick.scss */
  .slick-dots button {
    width: 1.9375rem;
  }
}
@media screen and (min-width: 992px) {
  /* line 759, sass/component/_slick.scss */
  .slick-dots button:hover {
    background-color: #732b76;
  }
}
/* line 765, sass/component/_slick.scss */
.slick-dots button:before {
  position: absolute;
  top: -7px;
  right: -4px;
  bottom: -7px;
  left: -4px;
  content: "";
}
/* line 777, sass/component/_slick.scss */
.slick-pause-play {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-bottom: 1px;
  margin-left: 0.3125rem;
}
@media screen and (max-width: 767px) {
  /* line 777, sass/component/_slick.scss */
  .slick-pause-play {
    margin-left: 0.5rem;
  }
}
/* line 786, sass/component/_slick.scss */
.slick-pause-play button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 0;
  height: 10px;
  cursor: pointer;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
  border: 0;
  border-width: 5px 0 5px 8px;
  border-style: solid;
  border-color: transparent transparent transparent #1b4cc3;
  background: transparent;
}
@media screen and (max-width: 767px) {
  /* line 786, sass/component/_slick.scss */
  .slick-pause-play button {
    height: 8px;
    border-width: 4px 0 4px 7px;
  }
}
/* line 810, sass/component/_slick.scss */
.slick-pause-play button:before {
  position: absolute;
  top: -7px;
  right: -4px;
  bottom: -7px;
  left: -11px;
  content: "";
}
/* line 820, sass/component/_slick.scss */
.slick-pause-play button.js-slick-pause {
  padding-right: 2px;
  border-width: 0 0 0 6px;
  border-style: double;
  border-left-color: #8f8f8f;
}
@media screen and (max-width: 767px) {
  /* line 820, sass/component/_slick.scss */
  .slick-pause-play button.js-slick-pause {
    border-width: 0 0 0 5px;
  }
}
@media screen and (min-width: 992px) {
  /* line 832, sass/component/_slick.scss */
  .slick-pause-play button:hover {
    border-left-color: #621c65;
  }
}
/* line 2, sass/component/_gallery.scss */
.mas__sizer {
  width: 25%;
}
@media screen and (max-width: 1199px) {
  /* line 2, sass/component/_gallery.scss */
  .mas__sizer {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 991px) {
  /* line 2, sass/component/_gallery.scss */
  .mas__sizer {
    width: 50%;
  }
}
/* line 12, sass/component/_gallery.scss */
.gl .mas__sizer {
  width: 33.33333333%;
}
@media screen and (max-width: 991px) {
  /* line 12, sass/component/_gallery.scss */
  .gl .mas__sizer {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  /* line 12, sass/component/_gallery.scss */
  .gl .mas__sizer {
    width: 100%;
  }
}
/* line 24, sass/component/_gallery.scss */
.mas {
  -webkit-transition: margin 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: margin 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 8, sass/component/_rte_template.scss */
.rte-tpl a[target="_blank"]:not(.btn):not(.fileinput-button):after,
.rte-template a[target="_blank"]:not(.btn):not(.fileinput-button):after {
  content: none !important;
}
/* line 12, sass/component/_rte_template.scss */
.rte-tpl *:before,
.rte-tpl *:after,
.rte-template *:before,
.rte-template *:after {
  pointer-events: none;
}
/* line 18, sass/component/_rte_template.scss */
.rte-img {
  margin-top: 0.625rem;
  margin-bottom: 0.9375rem;
}
/* line 22, sass/component/_rte_template.scss */
.rte-img__container {
  position: relative;
  z-index: 1;
  display: table;
  max-width: 100%;
  margin-bottom: 0.625rem;
}
/* line 33, sass/component/_rte_template.scss */
.rte-img__content > *:first-child {
  margin-top: 0 !important;
}
/* line 38, sass/component/_rte_template.scss */
.rte-img__caption {
  font-size: 0.9375rem;
  font-weight: 500;
  position: relative;
  display: table-caption;
  margin-bottom: 0.13333333em;
  padding: 0.8em 0em 0em 1.8em;
  caption-side: bottom;
  text-align: left;
  color: #585858;
}
/* line 55, sass/component/_rte_template.scss */
.rte-img__caption:before {
  font-family: icomoon;
  font-size: 0.73333333em;
  position: absolute;
  top: 1.27272727em;
  left: 0.72727273em;
  content: "\e93e";
  color: #000000;
}
@media screen and (max-width: 1199px) {
  /* line 38, sass/component/_rte_template.scss */
  .rte-img__caption {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 38, sass/component/_rte_template.scss */
  .rte-img__caption {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 38, sass/component/_rte_template.scss */
  .rte-img__caption {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
  }
  /* line 79, sass/component/_rte_template.scss */
  .rte-img__caption br {
    display: none;
  }
}
/* line 87, sass/component/_rte_template.scss */
.rte-img--left .rte-img__container {
  float: left;
  max-width: 60%;
  margin-right: 1.875rem;
}
@media screen and (max-width: 991px) {
  /* line 87, sass/component/_rte_template.scss */
  .rte-img--left .rte-img__container {
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  /* line 87, sass/component/_rte_template.scss */
  .rte-img--left .rte-img__container {
    float: none;
    max-width: none;
    margin-right: 0;
  }
}
/* line 108, sass/component/_rte_template.scss */
.rte-img--right .rte-img__container {
  float: right;
  max-width: 60%;
  margin-left: 1.875rem;
}
@media screen and (max-width: 991px) {
  /* line 108, sass/component/_rte_template.scss */
  .rte-img--right .rte-img__container {
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  /* line 108, sass/component/_rte_template.scss */
  .rte-img--right .rte-img__container {
    float: none;
    max-width: none;
    margin-left: 0;
  }
}
/* line 129, sass/component/_rte_template.scss */
.rte-img--center .rte-img__container {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
/* line 135, sass/component/_rte_template.scss */
.rte-img--center .rte-img__container img {
  max-width: 100%;
  height: auto !important;
}
/* line 143, sass/component/_rte_template.scss */
.rte-img--left-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 143, sass/component/_rte_template.scss */
  .rte-img--left-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 153, sass/component/_rte_template.scss */
.rte-img--left-center .rte-img__container {
  max-width: 60%;
  margin-right: 1.875rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 153, sass/component/_rte_template.scss */
  .rte-img--left-center .rte-img__container {
    max-width: none;
    margin-right: 0;
  }
}
/* line 164, sass/component/_rte_template.scss */
.rte-img--left-center .rte-img__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 170, sass/component/_rte_template.scss */
.rte-img--right-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 170, sass/component/_rte_template.scss */
  .rte-img--right-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 181, sass/component/_rte_template.scss */
.rte-img--right-center .rte-img__container {
  max-width: 60%;
  margin-left: 1.875rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 181, sass/component/_rte_template.scss */
  .rte-img--right-center .rte-img__container {
    max-width: none;
    margin-left: 0;
  }
}
/* line 192, sass/component/_rte_template.scss */
.rte-img--right-center .rte-img__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 200, sass/component/_rte_template.scss */
.rte-img--nowrap .rte-img__content {
  overflow: hidden;
}
/* line 208, sass/component/_rte_template.scss */
.rte-caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.55555556em;
  margin-bottom: 0.83333333em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  /* line 208, sass/component/_rte_template.scss */
  .rte-caption {
    display: block;
  }
}
/* line 219, sass/component/_rte_template.scss */
.rte-caption--right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* line 223, sass/component/_rte_template.scss */
.rte-caption__container {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  z-index: 1;
  max-width: 31.95488722%;
  padding-left: 2.72556391%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1439px) {
  /* line 223, sass/component/_rte_template.scss */
  .rte-caption__container {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 223, sass/component/_rte_template.scss */
  .rte-caption__container {
    font-size: 1rem;
    padding-left: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 223, sass/component/_rte_template.scss */
  .rte-caption__container {
    font-size: 0.875rem;
    max-width: none;
    margin-top: 0.3125rem;
    margin-right: 0 !important;
    margin-bottom: 1.25rem;
    margin-left: 0 !important;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 223, sass/component/_rte_template.scss */
  .rte-caption__container {
    font-size: 0.9375rem;
    max-width: none;
  }
}
/* line 261, sass/component/_rte_template.scss */
.rte-caption__container:before {
  position: absolute;
  top: 0.5rem;
  bottom: 0.0625rem;
  left: 0;
  width: 0.25rem;
  content: "";
  background-color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 261, sass/component/_rte_template.scss */
  .rte-caption__container:before {
    top: 0.125em;
    bottom: 0;
  }
}
/* line 278, sass/component/_rte_template.scss */
.rte-caption--left .rte-caption__container {
  margin-right: 8.08270677%;
  margin-left: 2.2556391%;
}
@media screen and (max-width: 1199px) {
  /* line 278, sass/component/_rte_template.scss */
  .rte-caption--left .rte-caption__container {
    margin-right: 1.875rem;
    margin-left: 0.625rem;
  }
}
/* line 287, sass/component/_rte_template.scss */
.rte-caption--right .rte-caption__container {
  margin-right: 2.2556391%;
  margin-left: 8.08270677%;
}
@media screen and (max-width: 1199px) {
  /* line 287, sass/component/_rte_template.scss */
  .rte-caption--right .rte-caption__container {
    margin-right: 0.625rem;
    margin-left: 1.875rem;
  }
}
/* line 295, sass/component/_rte_template.scss */
.rte-caption--right .rte-caption__container:before {
  right: 0;
}
/* line 301, sass/component/_rte_template.scss */
.rte-caption__content {
  overflow: hidden;
  max-width: 94.92481203%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 308, sass/component/_rte_template.scss */
.rte-caption__content > *:first-child {
  margin-top: 0 !important;
}
/* line 315, sass/component/_rte_template.scss */
.rte-info {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.125rem;
  margin: 0.27777778em 0;
  background-color: #f3f5f8;
}
@media screen and (max-width: 1199px) {
  /* line 315, sass/component/_rte_template.scss */
  .rte-info {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 315, sass/component/_rte_template.scss */
  .rte-info {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 315, sass/component/_rte_template.scss */
  .rte-info {
    font-size: 0.875rem;
  }
}
/* line 333, sass/component/_rte_template.scss */
.rte-info__wrap {
  padding: 1.66666667em 1.94444444em 1.5em;
}
@media screen and (max-width: 991px) {
  /* line 333, sass/component/_rte_template.scss */
  .rte-info__wrap {
    padding-left: 1.13333333em;
  }
}
/* line 340, sass/component/_rte_template.scss */
.rte-info__title {
  font-size: 0.83333333em;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.93333333em;
  color: #000000;
}
/* line 351, sass/component/_rte_template.scss */
.ckec .rte-info__list,
.cke_editable .rte-info__list {
  margin-bottom: 0;
}
/* line 357, sass/component/_rte_template.scss */
.rte-info__item {
  font-size: 1em;
  position: relative;
}
/* line 362, sass/component/_rte_template.scss */
.ckec .rte-info__item,
.cke_editable .rte-info__item {
  padding-left: 1.44444444em;
}
/* line 366, sass/component/_rte_template.scss */
.ckec .rte-info__item:before,
.cke_editable .rte-info__item:before {
  font-family: icomoon;
  font-size: 0.88888889em;
  line-height: 1.75;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  color: #8f8f8f;
  border-radius: 0;
  background: none;
}
/* line 385, sass/component/_rte_template.scss */
.ckec .rte-info__item--tel:before,
.cke_editable .rte-info__item--tel:before {
  content: "";
}
/* line 391, sass/component/_rte_template.scss */
.ckec .rte-info__item--email:before,
.cke_editable .rte-info__item--email:before {
  content: "";
}
/* line 397, sass/component/_rte_template.scss */
.ckec .rte-info__item--fax:before,
.cke_editable .rte-info__item--fax:before {
  content: "";
}
/* line 403, sass/component/_rte_template.scss */
.ckec .rte-info__item--link:before,
.cke_editable .rte-info__item--link:before {
  content: "";
}
/* line 409, sass/component/_rte_template.scss */
.ckec .rte-info__item--location:before,
.cke_editable .rte-info__item--location:before {
  font-size: 0.94444444em;
  content: "";
}
/* line 420, sass/component/_rte_template.scss */
.rte-two-grids {
  font-size: 2.8125rem;
  margin-bottom: 1.11111111em;
}
@media screen and (max-width: 1439px) {
  /* line 420, sass/component/_rte_template.scss */
  .rte-two-grids {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 420, sass/component/_rte_template.scss */
  .rte-two-grids {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 420, sass/component/_rte_template.scss */
  .rte-two-grids {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 420, sass/component/_rte_template.scss */
  .rte-two-grids {
    font-size: 1.25rem;
  }
}
/* line 438, sass/component/_rte_template.scss */
.rte-two-grids__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 443, sass/component/_rte_template.scss */
.rte-two-grids--img-r .rte-two-grids__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  /* line 438, sass/component/_rte_template.scss */
  .rte-two-grids__wrap {
    display: block;
  }
}
/* line 451, sass/component/_rte_template.scss */
.rte-two-grids__img-w {
  max-width: 50.94202899%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 451, sass/component/_rte_template.scss */
  .rte-two-grids__img-w {
    max-width: none;
  }
}
/* line 460, sass/component/_rte_template.scss */
.rte-two-grids__img-c {
  position: relative;
  padding-top: 56.18776671%;
}
/* line 470, sass/component/_rte_template.scss */
.rte-two-grids__body {
  font-size: 0.35555556em;
  max-width: 49.05797101%;
  padding: 1.25em 3.125em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  /* line 470, sass/component/_rte_template.scss */
  .rte-two-grids__body {
    font-size: 0.8125rem;
    max-width: none;
    padding: 1.25rem 0.9375rem;
  }
}
/* line 487, sass/component/_rte_template.scss */
.rte-two-grids__title {
  font-size: 2.8125em;
  line-height: 1.25;
  margin-bottom: 0.33333333em;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 487, sass/component/_rte_template.scss */
  .rte-two-grids__title {
    font-size: 1.5625rem;
  }
}
/* line 499, sass/component/_rte_template.scss */
.rte-two-grids__content {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.25;
  margin-bottom: 1.4375em;
}
/* line 510, sass/component/_rte_template.scss */
.rte-contact-row {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -29px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 510, sass/component/_rte_template.scss */
  .rte-contact-row {
    display: block;
    margin-right: 0;
  }
}
/* line 524, sass/component/_rte_template.scss */
.rte-contact-row__item {
  position: relative;
  width: calc((100% - 58px)/2);
  margin-right: 29px;
  margin-bottom: 1.33333333em;
  padding-right: 1.38888889em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 524, sass/component/_rte_template.scss */
  .rte-contact-row__item {
    width: 100%;
  }
}
/* line 537, sass/component/_rte_template.scss */
.rte-contact-row__item:before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.38888889em;
  margin-top: -1em;
  content: "";
  background-color: #E2D6CA;
}
@media screen and (max-width: 1199px) {
  /* line 537, sass/component/_rte_template.scss */
  .rte-contact-row__item:before {
    top: 1.875em;
    bottom: 1.25em;
    height: auto;
  }
}
/* line 557, sass/component/_rte_template.scss */
.rte-contact-row__item:last-child:before {
  content: none;
}
@media screen and (max-width: 767px) {
  /* line 524, sass/component/_rte_template.scss */
  .rte-contact-row__item {
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
  /* line 566, sass/component/_rte_template.scss */
  .rte-contact-row__item:before {
    content: none;
  }
}
/* line 572, sass/component/_rte_template.scss */
.rte-contact-row__title {
  font-size: 1.11111111em;
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.25em;
  color: #732b76;
}
/* line 582, sass/component/_rte_template.scss */
.rte-contact-row ul {
  line-height: 1.33333333;
  margin-bottom: 0;
  margin-left: -1.44444444em;
  padding-left: 0;
}
/* line 590, sass/component/_rte_template.scss */
.rte-contact-row ul li {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  position: relative;
  margin-bottom: 0.66666667em;
  margin-left: 1.44444444em;
  padding-left: 1.66666667em;
  color: #656565;
}
/* line 601, sass/component/_rte_template.scss */
.rte-contact-row ul li:before {
  font-family: icomoon;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  color: #8f8f8f;
  background: none;
}
/* line 616, sass/component/_rte_template.scss */
.rte-contact-row ul li.rte-contact-row__info-tel:before {
  font-size: 0.94444444em;
  top: 0.11764706em;
  content: "";
}
/* line 626, sass/component/_rte_template.scss */
.rte-contact-row ul li.rte-contact-row__info-email:before {
  font-size: 1.05555556em;
  content: "";
}
/* line 634, sass/component/_rte_template.scss */
.rte-contact-row ul li.rte-contact-row__info-fax:before {
  font-size: 1em;
  content: "";
}
/* line 642, sass/component/_rte_template.scss */
.rte-contact-row ul li.rte-contact-row__info-web:before {
  font-size: 0.94444444em;
  content: "";
}
/* line 649, sass/component/_rte_template.scss */
.rte-contact-row ul li.rte-contact-row__info-location {
  width: 100%;
}
/* line 652, sass/component/_rte_template.scss */
.rte-contact-row ul li.rte-contact-row__info-location:before {
  font-size: 1em;
  content: "";
}
/* line 661, sass/component/_rte_template.scss */
.rte-contact-row a {
  text-decoration: underline;
}
/* line 664, sass/component/_rte_template.scss */
.rte-contact-row a:after {
  content: none !important;
}
/* line 670, sass/component/_rte_template.scss */
.rte-simple-grids {
  font-size: 1rem;
}
@media screen and (max-width: 1439px) {
  /* line 670, sass/component/_rte_template.scss */
  .rte-simple-grids {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 670, sass/component/_rte_template.scss */
  .rte-simple-grids {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 670, sass/component/_rte_template.scss */
  .rte-simple-grids {
    font-size: 0.875rem;
  }
}
/* line 682, sass/component/_rte_template.scss */
.rte-simple-grids__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.17391304%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 682, sass/component/_rte_template.scss */
  .rte-simple-grids__cont {
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 696, sass/component/_rte_template.scss */
.rte-simple-grids__item {
  width: 31.20567376%;
  margin-right: 2.12765957%;
  margin-bottom: 0.625em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 705, sass/component/_rte_template.scss */
.rte-simple-grids__item--half {
  width: 46.66666667%;
  margin-bottom: 1.38888889%;
}
/* line 709, sass/component/_rte_template.scss */
.rte-simple-grids__item--half .rte-simple-grids__img-w {
  padding-top: 70.13888889%;
}
/* line 714, sass/component/_rte_template.scss */
.rte-simple-grids__item--shadowed {
  margin-bottom: 1.875em;
  -webkit-box-shadow: 0 0 0.9375em rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.9375em rgba(0, 0, 0, 0.15);
}
/* line 720, sass/component/_rte_template.scss */
.ie .rte-simple-grids__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  /* line 696, sass/component/_rte_template.scss */
  .rte-simple-grids__item {
    width: 100%;
    margin-right: 0;
  }
  /* line 728, sass/component/_rte_template.scss */
  .rte-simple-grids__item--shadowed {
    margin-bottom: 2.66666667em;
  }
}
/* line 734, sass/component/_rte_template.scss */
.rte-simple-grids__img-w {
  position: relative;
  padding-top: 56.13636364%;
}
/* line 740, sass/component/_rte_template.scss */
.rte-simple-grids__img-c {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 748, sass/component/_rte_template.scss */
.rte-simple-grids__img {
  width: 100%;
}
/* line 752, sass/component/_rte_template.scss */
.rte-simple-grids__body {
  padding: 5% 2.27272727% 0;
}
/* line 755, sass/component/_rte_template.scss */
.grids__item--shadowed .rte-simple-grids__body {
  padding: 5% 4.54545455% 8.63636364%;
}
/* line 760, sass/component/_rte_template.scss */
.rte-simple-grids__inner {
  text-align: center;
}
/* line 764, sass/component/_rte_template.scss */
.rte-simple-grids__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  margin-bottom: 0.5em;
  color: #732b76;
}
/* line 778, sass/component/_rte_template.scss */
.rte-simple-grids__context {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.25;
  margin-bottom: 1.625em;
  color: #000000;
}
/* line 788, sass/component/_rte_template.scss */
.rte-simple-grids__context p {
  margin-bottom: 0.75em;
}
/* line 792, sass/component/_rte_template.scss */
.rte-simple-grid__item--shadowed .rte-simple-grids__context {
  padding: 0 4.76190476%;
}
/* line 798, sass/component/_rte_template.scss */
.rte-bg-heading {
  font-size: 1.625rem;
  margin: 0.61538462em 0 0.76923077em -0.84615385em;
  padding: 0.61538462em 0.84615385em 0.53846154em;
  background-color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 798, sass/component/_rte_template.scss */
  .rte-bg-heading {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 798, sass/component/_rte_template.scss */
  .rte-bg-heading {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 798, sass/component/_rte_template.scss */
  .rte-bg-heading {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 798, sass/component/_rte_template.scss */
  .rte-bg-heading {
    font-size: 1.125rem;
  }
}
/* line 819, sass/component/_rte_template.scss */
.rte-bg-heading--purple {
  background-color: #732b75;
}
@media screen and (max-width: 767px) {
  /* line 819, sass/component/_rte_template.scss */
  .rte-bg-heading--purple {
    background-color: #732b75;
  }
}
/* line 819, sass/component/_rte_template.scss */
.rte-bg-heading--green {
  background-color: #23a455;
}
@media screen and (max-width: 767px) {
  /* line 819, sass/component/_rte_template.scss */
  .rte-bg-heading--green {
    background-color: #23a455;
  }
}
/* line 819, sass/component/_rte_template.scss */
.rte-bg-heading--orange {
  background-color: #e65100;
}
@media screen and (max-width: 767px) {
  /* line 819, sass/component/_rte_template.scss */
  .rte-bg-heading--orange {
    background-color: #e65100;
  }
}
/* line 819, sass/component/_rte_template.scss */
.rte-bg-heading--sky {
  background-color: #0297a7;
}
@media screen and (max-width: 767px) {
  /* line 819, sass/component/_rte_template.scss */
  .rte-bg-heading--sky {
    background-color: #0297a7;
  }
}
/* line 819, sass/component/_rte_template.scss */
.rte-bg-heading--blue {
  background-color: #0369da;
}
@media screen and (max-width: 767px) {
  /* line 819, sass/component/_rte_template.scss */
  .rte-bg-heading--blue {
    background-color: #0369da;
  }
}
/* line 831, sass/component/_rte_template.scss */
.rte-bg-heading__text {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.25;
  display: block;
  color: #ffffff;
}
/* line 843, sass/component/_rte_template.scss */
.rte-absgrid {
  font-size: 1.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 843, sass/component/_rte_template.scss */
  .rte-absgrid {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 843, sass/component/_rte_template.scss */
  .rte-absgrid {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 843, sass/component/_rte_template.scss */
  .rte-absgrid {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 843, sass/component/_rte_template.scss */
  .rte-absgrid {
    font-size: 1.125rem;
  }
}
/* line 859, sass/component/_rte_template.scss */
.rte-absgrid__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1.8115942%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  /* line 859, sass/component/_rte_template.scss */
  .rte-absgrid__cont {
    margin-right: -20px;
  }
}
@media screen and (max-width: 767px) {
  /* line 859, sass/component/_rte_template.scss */
  .rte-absgrid__cont {
    display: block;
    margin-right: 0;
  }
}
/* line 876, sass/component/_rte_template.scss */
.rte-absgrid__item {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  width: 31.03202847%;
  margin-right: 2.13523132%;
  margin-bottom: 5.55160142%;
  padding-bottom: 5px;
  padding-left: 5px;
}
@media screen and (max-width: 991px) {
  /* line 876, sass/component/_rte_template.scss */
  .rte-absgrid__item {
    width: calc((100% - 40px)/2);
    margin-right: 20px;
    padding-bottom: 4px;
    padding-left: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 876, sass/component/_rte_template.scss */
  .rte-absgrid__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.66666667em;
  }
}
/* line 901, sass/component/_rte_template.scss */
.rte-absgrid__item:before {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 5px;
  height: 22.61306533%;
  content: "";
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 901, sass/component/_rte_template.scss */
  .rte-absgrid__item:before {
    width: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 901, sass/component/_rte_template.scss */
  .rte-absgrid__item:before {
    height: 12%;
  }
}
/* line 922, sass/component/_rte_template.scss */
.rte-tpl .rte-absgrid__item[target="_blank"]:not(.btn):not(.fileinput-button):after, .rte-absgrid__item:after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: block;
  width: 77.98165138%;
  height: 5px;
  margin: 0;
  content: "" !important;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 922, sass/component/_rte_template.scss */
  .rte-tpl .rte-absgrid__item[target="_blank"]:not(.btn):not(.fileinput-button):after, .rte-absgrid__item:after {
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 922, sass/component/_rte_template.scss */
  .rte-tpl .rte-absgrid__item[target="_blank"]:not(.btn):not(.fileinput-button):after, .rte-absgrid__item:after {
    width: 80%;
  }
}
/* line 949, sass/component/_rte_template.scss */
.rte-absgrid__item[href]:hover:before, .rte-absgrid__item[href]:hover:after, .rte-absgrid__item[href]:focus:before, .rte-absgrid__item[href]:focus:after {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
/* line 953, sass/component/_rte_template.scss */
.rte-absgrid__item[href]:hover .rte-absgrid__body, .rte-absgrid__item[href]:focus .rte-absgrid__body {
  right: 5.04587156%;
  min-height: 33.66834171%;
  padding: 8.71559633% 9.17431193% 8.02752294% 6.88073394%;
  -webkit-box-shadow: 0.125rem -0.125rem 0.5rem rgba(91, 31, 93, 0.12);
  box-shadow: 0.125rem -0.125rem 0.5rem rgba(91, 31, 93, 0.12);
}
@media screen and (max-width: 767px) {
  /* line 953, sass/component/_rte_template.scss */
  .rte-absgrid__item[href]:hover .rte-absgrid__body, .rte-absgrid__item[href]:focus .rte-absgrid__body {
    right: 8.25688073%;
    min-height: 3.33333333em;
    padding: 1em 1.11111111em;
  }
}
/* line 983, sass/component/_rte_template.scss */
.rte-absgrid__img-w {
  position: relative;
  padding-bottom: 12.43654822%;
}
@media screen and (max-width: 767px) {
  /* line 983, sass/component/_rte_template.scss */
  .rte-absgrid__img-w {
    padding-bottom: 1.66666667em;
  }
}
/* line 992, sass/component/_rte_template.scss */
.rte-absgrid__img-c {
  position: relative;
  padding-top: 78.89908257%;
}
/* line 1002, sass/component/_rte_template.scss */
.rte-absgrid__body {
  line-height: 1.1;
  position: absolute;
  z-index: 1;
  right: 8.25688073%;
  bottom: 5px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  min-height: 29.64824121%;
  padding: 6.65137615% 6.88073394%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  opacity: 1;
  background-color: #f4f5f9;
}
@media screen and (max-width: 1199px) {
  /* line 1002, sass/component/_rte_template.scss */
  .rte-absgrid__body {
    line-height: 1.2;
  }
}
@media screen and (max-width: 991px) {
  /* line 1002, sass/component/_rte_template.scss */
  .rte-absgrid__body {
    bottom: 4px;
    left: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1002, sass/component/_rte_template.scss */
  .rte-absgrid__body {
    min-height: 3.33333333em;
    padding: 1em 1.11111111em;
  }
}
/* line 1036, sass/component/_rte_template.scss */
.rte-absgrid__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  color: #000000;
}
/* line 1046, sass/component/_rte_template.scss */
.rte-circle-panel {
  font-size: 1.25rem;
}
@media screen and (max-width: 991px) {
  /* line 1046, sass/component/_rte_template.scss */
  .rte-circle-panel {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1046, sass/component/_rte_template.scss */
  .rte-circle-panel {
    font-size: 0.875rem;
  }
}
/* line 1055, sass/component/_rte_template.scss */
.rte-circle-panel__item {
  position: relative;
  margin-bottom: 1em;
  padding-left: 3.25em;
}
@media screen and (max-width: 767px) {
  /* line 1055, sass/component/_rte_template.scss */
  .rte-circle-panel__item {
    padding-left: 2.5em;
  }
}
/* line 1064, sass/component/_rte_template.scss */
.rte-circle-panel__item:before {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 45px;
  content: "";
  border-left: 1px dotted #D4D4D4;
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 1064, sass/component/_rte_template.scss */
  .rte-circle-panel__item:before {
    left: 36px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1064, sass/component/_rte_template.scss */
  .rte-circle-panel__item:before {
    left: 24px;
  }
}
/* line 1085, sass/component/_rte_template.scss */
.rte-circle-panel + .rte-circle-panel .rte-circle-panel__item:before {
  top: -1em;
}
/* line 1090, sass/component/_rte_template.scss */
.rte-circle-panel__wrap {
  margin-bottom: 1em;
}
/* line 1094, sass/component/_rte_template.scss */
.rte-circle-panel__top {
  position: relative;
  padding-top: 1.2em;
}
@media screen and (max-width: 767px) {
  /* line 1094, sass/component/_rte_template.scss */
  .rte-circle-panel__top {
    padding-top: 0.57142857em;
  }
}
/* line 1103, sass/component/_rte_template.scss */
.rte-circle-panel__header {
  padding: 0.6em 2em;
  background-color: #23a455;
}
/* line 1109, sass/component/_rte_template.scss */
.rte-circle-panel__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  color: #ffffff;
}
/* line 1118, sass/component/_rte_template.scss */
.rte-circle-panel__circle {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  position: absolute;
  z-index: 3;
  top: 0;
  left: -2.95454545em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.18181818em;
  height: 4.18181818em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  background-color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 1118, sass/component/_rte_template.scss */
  .rte-circle-panel__circle {
    font-size: 0.85714286em;
    left: -2.83333333em;
    width: 4.16666667em;
    height: 4.16666667em;
  }
}
/* line 1154, sass/component/_rte_template.scss */
.rte-circle-panel__remark {
  position: relative;
  padding: 1.05em 1.25em 0.95em;
  background-color: #E3E6EC;
}
/* line 1161, sass/component/_rte_template.scss */
.rte-circle-panel__remark-text {
  font-size: 0.75em;
  line-height: 1.33333333;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 1161, sass/component/_rte_template.scss */
  .rte-circle-panel__remark-text {
    font-size: 0.78571429em;
  }
}
/* line 1171, sass/component/_rte_template.scss */
.rte-circle-panel__remark:before {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -27px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  content: "";
  border-radius: 50%;
  background-color: #8E98A9;
}
@media screen and (max-width: 991px) {
  /* line 1171, sass/component/_rte_template.scss */
  .rte-circle-panel__remark:before {
    left: -20px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1171, sass/component/_rte_template.scss */
  .rte-circle-panel__remark:before {
    left: -15px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
  }
}
/* line 1204, sass/component/_rte_template.scss */
.rte-circle-panel:last-child .rte-circle-panel__remark:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -22px;
  width: 4px;
  height: calc(50% - 7px);
  margin-top: 7px;
  content: "";
  border-radius: 50%;
  background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 1204, sass/component/_rte_template.scss */
  .rte-circle-panel:last-child .rte-circle-panel__remark:after {
    left: -21px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1204, sass/component/_rte_template.scss */
  .rte-circle-panel:last-child .rte-circle-panel__remark:after {
    left: -17px;
    height: calc(50% - 5px);
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1204, sass/component/_rte_template.scss */
  .rte-circle-panel:last-child .rte-circle-panel__remark:after {
    left: -13px;
    height: calc(50% - 4px);
    margin-top: 4px;
  }
}
/* line 1238, sass/component/_rte_template.scss */
.rte-items {
  font-size: 1rem;
  padding: 1.3125em 1.3125em 1.625em;
  background-color: #ffffff;
  -webkit-box-shadow: 0em -0.0625em 1.625em rgba(12, 12, 12, 0.1);
  box-shadow: 0em -0.0625em 1.625em rgba(12, 12, 12, 0.1);
}
/* line 1246, sass/component/_rte_template.scss */
.rte-items--nobg {
  padding: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 1253, sass/component/_rte_template.scss */
.rte-items--bg {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media screen and (max-width: 991px) {
  /* line 1238, sass/component/_rte_template.scss */
  .rte-items {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1238, sass/component/_rte_template.scss */
  .rte-items {
    font-size: 0.75rem;
  }
}
/* line 1264, sass/component/_rte_template.scss */
.rte-items__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -11px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 1272, sass/component/_rte_template.scss */
  .rte-items--half .rte-items__cont {
    margin-right: 0;
  }
}
/* line 1278, sass/component/_rte_template.scss */
.rte-items__elm {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: calc(33.33333333% - 11px);
  margin-right: 11px;
  margin-bottom: 0.1875em;
  padding: 0.6875em 0.9375em 0.625em 2.25em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000000;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  /* line 1278, sass/component/_rte_template.scss */
  .rte-items__elm {
    width: calc(50% - 11px);
    margin-bottom: 0.41666667em;
    padding: 0.58333333em 1.25em 0.58333333em 2.08333333em;
  }
}
/* line 1299, sass/component/_rte_template.scss */
.rte-items--half .rte-items__elm {
  width: calc(50% - 11px);
}
@media screen and (max-width: 767px) {
  /* line 1299, sass/component/_rte_template.scss */
  .rte-items--half .rte-items__elm {
    width: 100%;
  }
}
/* line 1306, sass/component/_rte_template.scss */
.rte-items--arrow .rte-items__elm {
  padding-right: 1.875em;
  padding-left: 0.9375em;
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}
/* line 1315, sass/component/_rte_template.scss */
.rte-items--arrow .rte-items__elm[href]:hover, .rte-items--arrow .rte-items__elm[href]:focus {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
/* line 1319, sass/component/_rte_template.scss */
.rte-items--arrow .rte-items__elm[href]:hover:before, .rte-items--arrow .rte-items__elm[href]:focus:before {
  -webkit-animation: hover-icon-wobble-horizontal 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation: hover-icon-wobble-horizontal 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
@media screen and (max-width: 767px) {
  /* line 1306, sass/component/_rte_template.scss */
  .rte-items--arrow .rte-items__elm {
    padding-right: 2.91666667em;
    padding-left: 1.25em;
  }
}
/* line 1329, sass/component/_rte_template.scss */
.rte-items__elm:before {
  position: absolute;
  top: 1.1875em;
  left: 1.25em;
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 50%;
  background-color: #8E98A9;
}
@media screen and (max-width: 767px) {
  /* line 1329, sass/component/_rte_template.scss */
  .rte-items__elm:before {
    top: 1.08333333em;
    width: 4px;
    height: 4px;
  }
}
/* line 1348, sass/component/_rte_template.scss */
.rte-items--arrow .rte-items__elm:before {
  font-family: icomoon;
  font-weight: 700;
  top: 0.6875em;
  right: 1.25em;
  left: auto;
  content: "";
  color: #732b76;
  border-radius: 0;
  background: none;
}
@media screen and (max-width: 767px) {
  /* line 1348, sass/component/_rte_template.scss */
  .rte-items--arrow .rte-items__elm:before {
    width: 4px;
    height: 4px;
  }
}
/* line 1372, sass/component/_rte_template.scss */
.rte-caption-img {
  margin-bottom: 1.25rem;
}
/* line 1375, sass/component/_rte_template.scss */
.rte-caption-img--sm {
  margin-bottom: 0;
  text-align: center;
}
/* line 1382, sass/component/_rte_template.scss */
.rte-caption-img--sm .rte-caption-img__inner {
  margin-right: -34px;
}
@media screen and (max-width: 767px) {
  /* line 1382, sass/component/_rte_template.scss */
  .rte-caption-img--sm .rte-caption-img__inner {
    margin-right: 0;
  }
}
/* line 1390, sass/component/_rte_template.scss */
.rte-caption-img__item {
  position: relative;
}
/* line 1393, sass/component/_rte_template.scss */
.rte-caption-img--sm .rte-caption-img__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: calc((100% - 68px)/2);
  margin-right: 34px;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  /* line 1393, sass/component/_rte_template.scss */
  .rte-caption-img--sm .rte-caption-img__item {
    width: 100%;
    margin-right: 0;
  }
}
/* line 1406, sass/component/_rte_template.scss */
.rte-caption-img__c {
  position: relative;
  margin-left: auto;
  background-color: #f3f5f8;
}
/* line 1414, sass/component/_rte_template.scss */
.rte-caption-img__body {
  position: absolute;
  bottom: 0;
}
/* line 1419, sass/component/_rte_template.scss */
.rte-caption-img__caption {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.9375rem;
  font-style: italic;
  line-height: 1.26666667;
  position: absolute;
  bottom: 0;
  left: 0;
  min-width: 25%;
  max-width: 74.70119522%;
  padding: 1.13333333em 2em 1.06666667em;
  text-align: left;
  color: #ffffff;
  background-color: #732b76;
}
/* line 1439, sass/component/_rte_template.scss */
.rte-caption-img--sm .rte-caption-img__caption,
.rte-caption-img--lg-below .rte-caption-img__caption {
  position: static;
  min-width: auto;
  max-width: none !important;
}
/* line 1447, sass/component/_rte_template.scss */
.rte-caption-img--no-italic .rte-caption-img__caption {
  font-style: normal;
}
@media screen and (max-width: 1439px) {
  /* line 1419, sass/component/_rte_template.scss */
  .rte-caption-img__caption {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1419, sass/component/_rte_template.scss */
  .rte-caption-img__caption {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1419, sass/component/_rte_template.scss */
  .rte-caption-img__caption {
    font-size: 0.75rem;
    max-width: 75%;
    padding: 0.83333333em 2.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1419, sass/component/_rte_template.scss */
  .rte-caption-img__caption {
    font-size: 0.6875rem;
    position: static;
    min-width: 100%;
    max-width: none;
    padding: 0.90909091em 1.36363636em;
  }
}
/* line 1474, sass/component/_rte_template.scss */
.rte-caption-img__img {
  width: 100%;
}
/* line 1480, sass/component/_rte_template.scss */
.rte-border-box {
  font-size: 1.375rem;
  margin-bottom: 1.36363636em;
}
@media screen and (max-width: 1439px) {
  /* line 1480, sass/component/_rte_template.scss */
  .rte-border-box {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1480, sass/component/_rte_template.scss */
  .rte-border-box {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1480, sass/component/_rte_template.scss */
  .rte-border-box {
    font-size: 0.875rem;
  }
}
/* line 1495, sass/component/_rte_template.scss */
.rte-border-box__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -30px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 1495, sass/component/_rte_template.scss */
  .rte-border-box__wrap {
    margin-right: 0;
  }
}
/* line 1506, sass/component/_rte_template.scss */
.rte-border-box__item {
  line-height: 1.25;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: calc(50% - 30px);
  margin-right: 30px;
  margin-bottom: 0.68181818em;
  padding: 1.18181818em 0.68181818em 1.22727273em 1.13636364em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #732b76;
  border-left-width: 0.22727273em;
  border-radius: 0.22727273em;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 1506, sass/component/_rte_template.scss */
  .rte-border-box__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.07142857em;
  }
}
/* line 1535, sass/component/_rte_template.scss */
.rte-border-box__item:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  opacity: 0;
  background-color: #732b76;
}
/* line 1552, sass/component/_rte_template.scss */
.smart-theme--1 .rte-border-box__item:before {
  background-color: #621c65;
}
/* line 1555, sass/component/_rte_template.scss */
.smart-theme--2 .rte-border-box__item:before {
  background-color: #6BA025;
}
/* line 1558, sass/component/_rte_template.scss */
.smart-theme--3 .rte-border-box__item:before {
  background-color: #039CE4;
}
/* line 1561, sass/component/_rte_template.scss */
.smart-theme--4 .rte-border-box__item:before {
  background-color: #E66A3F;
}
/* line 1564, sass/component/_rte_template.scss */
.smart-theme--5 .rte-border-box__item:before {
  background-color: #D051A8;
}
/* line 1571, sass/component/_rte_template.scss */
.rte-border-box__item:hover .rte-border-box__text, .rte-border-box__item:focus .rte-border-box__text {
  color: #ffffff;
}
/* line 1575, sass/component/_rte_template.scss */
.rte-border-box__item:hover:before, .rte-border-box__item:focus:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  opacity: .94;
}
/* line 1582, sass/component/_rte_template.scss */
.smart-theme--1 .rte-border-box__item {
  border-color: #621c65;
}
/* line 1585, sass/component/_rte_template.scss */
.smart-theme--2 .rte-border-box__item {
  border-color: #6BA025;
}
/* line 1588, sass/component/_rte_template.scss */
.smart-theme--3 .rte-border-box__item {
  border-color: #039CE4;
}
/* line 1591, sass/component/_rte_template.scss */
.smart-theme--4 .rte-border-box__item {
  border-color: #E66A3F;
}
/* line 1594, sass/component/_rte_template.scss */
.smart-theme--5 .rte-border-box__item {
  border-color: #D051A8;
}
/* line 1599, sass/component/_rte_template.scss */
.rte-border-box__text {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 600;
  -webkit-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #555;
}
/* line 1611, sass/component/_rte_template.scss */
.rte-soc {
  font-size: 1.75rem;
  margin-bottom: 0.35714286em;
}
@media screen and (max-width: 1199px) {
  /* line 1611, sass/component/_rte_template.scss */
  .rte-soc {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1611, sass/component/_rte_template.scss */
  .rte-soc {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1611, sass/component/_rte_template.scss */
  .rte-soc {
    font-size: 1.25rem;
  }
}
/* line 1625, sass/component/_rte_template.scss */
.rte-soc__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.17857143em 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 1634, sass/component/_rte_template.scss */
.rte-soc__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.42857143;
  margin-right: 0.53571429em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #732b76;
}
/* line 1648, sass/component/_rte_template.scss */
.rte-soc__list {
  overflow: visible !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 1658, sass/component/_rte_template.scss */
.rte-soc__item {
  display: inline-block !important;
  margin: 0 0.53571429em 0 0 !important;
  padding: 0 !important;
  vertical-align: middle;
}
/* line 1666, sass/component/_rte_template.scss */
.rte-soc__item:before, .rte-soc__item:after {
  content: none !important;
}
/* line 1672, sass/component/_rte_template.scss */
.rte-soc__link {
  display: block;
  width: 1.42857143em;
  height: 1.42857143em;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 1680, sass/component/_rte_template.scss */
.rte-soc__link img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  border-radius: 50%;
}
/* line 1689, sass/component/_rte_template.scss */
.rte-soc__link:hover, .rte-soc__link:focus {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 1697, sass/component/_rte_template.scss */
.rte-blink {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  position: relative;
  z-index: 0;
  margin-bottom: 1em;
}
/* line 1705, sass/component/_rte_template.scss */
.rte-blink__linktext {
  font-size: 1.75rem;
  line-height: 1.25;
  position: relative;
  color: #732b76;
  border-bottom: 2px solid #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 1705, sass/component/_rte_template.scss */
  .rte-blink__linktext {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1705, sass/component/_rte_template.scss */
  .rte-blink__linktext {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1705, sass/component/_rte_template.scss */
  .rte-blink__linktext {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1705, sass/component/_rte_template.scss */
  .rte-blink__linktext {
    font-size: 1.125rem;
  }
}
/* line 1726, sass/component/_rte_template.scss */
.rte-blink__linktext:after {
  position: absolute;
  bottom: 0;
  width: 21.73913043%;
  content: "";
  border-bottom: 3px solid #732b76;
}
@media screen and (max-width: 991px) {
  /* line 1726, sass/component/_rte_template.scss */
  .rte-blink__linktext:after {
    width: 26.04166667%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1726, sass/component/_rte_template.scss */
  .rte-blink__linktext:after {
    width: 31.25%;
    border-bottom: 2px solid #732b76;
  }
}
/* line 1745, sass/component/_rte_template.scss */
.rte-blink__linktext > span {
  display: block;
  padding: 0.46428571em 0em 0.5em;
  color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 1745, sass/component/_rte_template.scss */
  .rte-blink__linktext > span {
    padding: 0.55em 0em 0.6em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1745, sass/component/_rte_template.scss */
  .rte-blink__linktext > span {
    padding: 0.55555556em 0em;
  }
}
/* line 1760, sass/component/_rte_template.scss */
.rte-blink__linktext a {
  display: block;
  color: #732b76;
}
/* line 1765, sass/component/_rte_template.scss */
.rte-blink__linktext a:after {
  color: #732b76 !important;
}
/* line 1769, sass/component/_rte_template.scss */
.rte-blink__linktext a[href]:hover, .rte-blink__linktext a[href]:focus {
  color: #732b76;
}
/* line 1776, sass/component/_rte_template.scss */
.rte-blink__new-tag {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.57142857em;
  display: none;
  margin-top: -0.125em;
  margin-left: 0.625em;
  padding: 0.1875em 1.0625em;
  color: #732b76;
  background-color: #ffffff;
}
/* line 1790, sass/component/_rte_template.scss */
.rte-blink--new .rte-blink__new-tag {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
/* line 1795, sass/component/_rte_template.scss */
.rte-blink__sub-heading {
  margin-bottom: 0.83333333em;
}
/* line 1799, sass/component/_rte_template.scss */
.rte-blink__content {
  padding: 0.94444444em 0.88888889em 1.11111111em;
  background-color: #F9F8FC;
}
/* line 1812, sass/component/_rte_template.scss */
.rte-blink__content a {
  color: #000000;
}
/* line 1815, sass/component/_rte_template.scss */
.rte-blink__content a[target=_blank]:after {
  color: #000000 !important;
}
/* line 1819, sass/component/_rte_template.scss */
.rte-blink__content a[href]:hover, .rte-blink__content a[href]:focus {
  color: #000000;
}
/* line 1829, sass/component/_rte_template.scss */
.form-blnk {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  position: relative;
  z-index: 0;
  margin-bottom: 1.38888889em;
  -webkit-box-shadow: 0em -0.05555556em 1.44444444em 0.05555556em rgba(12, 12, 12, 0.09);
  box-shadow: 0em -0.05555556em 1.44444444em 0.05555556em rgba(12, 12, 12, 0.09);
}
/* line 1839, sass/component/_rte_template.scss */
.form-blnk__linktext {
  font-size: 1.75rem;
  line-height: 1.25;
  color: #ffffff;
  background-color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 1839, sass/component/_rte_template.scss */
  .form-blnk__linktext {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1839, sass/component/_rte_template.scss */
  .form-blnk__linktext {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1839, sass/component/_rte_template.scss */
  .form-blnk__linktext {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1839, sass/component/_rte_template.scss */
  .form-blnk__linktext {
    font-size: 1.125rem;
  }
}
/* line 1858, sass/component/_rte_template.scss */
.rte--blue .form-blnk__linktext {
  background-color: #1773AE;
}
/* line 1862, sass/component/_rte_template.scss */
.rte--lightblue .form-blnk__linktext {
  background-color: #3C9CBF;
}
/* line 1866, sass/component/_rte_template.scss */
.form-blnk__linktext > span {
  display: block;
  padding: 0.46428571em 1.21428571em 0.5em;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 1866, sass/component/_rte_template.scss */
  .form-blnk__linktext > span {
    padding: 0.55em 1em 0.6em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1866, sass/component/_rte_template.scss */
  .form-blnk__linktext > span {
    padding: 0.55555556em 0.83333333em;
  }
}
/* line 1881, sass/component/_rte_template.scss */
.form-blnk__linktext a {
  display: block;
  color: #ffffff;
}
/* line 1886, sass/component/_rte_template.scss */
.form-blnk__linktext a:after {
  color: #ffffff !important;
}
/* line 1890, sass/component/_rte_template.scss */
.form-blnk__linktext a[href]:hover, .form-blnk__linktext a[href]:focus {
  color: #ffffff;
}
/* line 1897, sass/component/_rte_template.scss */
.form-blnk__new-tag {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.57142857em;
  display: none;
  margin-top: -0.125em;
  margin-left: 0.625em;
  padding: 0.1875em 1.0625em;
  color: #732b76;
  background-color: #ffffff;
}
/* line 1911, sass/component/_rte_template.scss */
.rte--blue .form-blnk__new-tag {
  color: #1773AE;
}
/* line 1914, sass/component/_rte_template.scss */
.rte--lightblue .form-blnk__new-tag {
  color: #3C9CBF;
}
/* line 1917, sass/component/_rte_template.scss */
.rte-blnk--new .form-blnk__new-tag {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
/* line 1922, sass/component/_rte_template.scss */
.form-blnk__content {
  padding: 0.94444444em 2.05555556em;
}
@media screen and (max-width: 991px) {
  /* line 1922, sass/component/_rte_template.scss */
  .form-blnk__content {
    padding: 0.73333333em 1.33333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1922, sass/component/_rte_template.scss */
  .form-blnk__content {
    padding: 0.53333333em 0.8em;
  }
}
/* line 1931, sass/component/_rte_template.scss */
.form-blnk__content a {
  color: #000000;
}
/* line 1934, sass/component/_rte_template.scss */
.form-blnk__content a[target=_blank]:after {
  color: #000000 !important;
}
/* line 1938, sass/component/_rte_template.scss */
.form-blnk__content a[href]:hover, .form-blnk__content a[href]:focus {
  text-decoration: underline;
  color: #000000;
}
/* line 1949, sass/component/_rte_template.scss */
.rte-color-grids {
  font-size: 2.375rem;
  padding: 1.18421053em 0 0.52631579em;
}
@media screen and (max-width: 1439px) {
  /* line 1949, sass/component/_rte_template.scss */
  .rte-color-grids {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1949, sass/component/_rte_template.scss */
  .rte-color-grids {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1949, sass/component/_rte_template.scss */
  .rte-color-grids {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1949, sass/component/_rte_template.scss */
  .rte-color-grids {
    font-size: 1.25rem;
  }
}
/* line 1966, sass/component/_rte_template.scss */
.rte-color-grids__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.17391304%;
  margin-bottom: 2.17391304%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 1966, sass/component/_rte_template.scss */
  .rte-color-grids__row {
    margin-right: 0;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 1981, sass/component/_rte_template.scss */
.rte-color-grids__bgbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 29.78723404%;
  margin-right: 2.12765957%;
  padding: 0.39473684em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #ED6512;
}
@media screen and (max-width: 767px) {
  /* line 1981, sass/component/_rte_template.scss */
  .rte-color-grids__bgbox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
}
/* line 2005, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:focus-within {
  -webkit-box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
  box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
}
/* line 2008, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:focus-within .rte-color-grids__cover {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
/* line 2015, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:focus-within .rte-color-grids__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 2023, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:focus-within .rte-color-grids__arrow-heading:after {
  -webkit-animation: wobble 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: wobble 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 2029, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:hover, .rte-color-grids__bgbox:focus {
  -webkit-box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
  box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
}
/* line 2033, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:hover .rte-color-grids__cover, .rte-color-grids__bgbox:focus .rte-color-grids__cover {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
/* line 2040, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:hover .rte-color-grids__back, .rte-color-grids__bgbox:focus .rte-color-grids__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  /* line 2040, sass/component/_rte_template.scss */
  .rte-color-grids__bgbox:hover .rte-color-grids__back, .rte-color-grids__bgbox:focus .rte-color-grids__back {
    -webkit-animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
}
/* line 2049, sass/component/_rte_template.scss */
.rte-color-grids__bgbox:hover .rte-color-grids__arrow-heading:after, .rte-color-grids__bgbox:focus .rte-color-grids__arrow-heading:after {
  -webkit-animation: wobble 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: wobble 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 2056, sass/component/_rte_template.scss */
.rte-color-grids__cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  /* line 2056, sass/component/_rte_template.scss */
  .rte-color-grids__cover {
    position: static;
    visibility: visible !important;
    margin-top: 0.625rem;
    opacity: 1 !important;
  }
}
/* line 2084, sass/component/_rte_template.scss */
.rte-color-grids__back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  padding: 5%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 2084, sass/component/_rte_template.scss */
  .rte-color-grids__back {
    position: static;
    display: block;
  }
}
/* line 2104, sass/component/_rte_template.scss */
.rte-color-grids__back .ico {
  font-size: 1.05263158em;
  position: absolute;
  top: .07em;
  left: 0;
  display: inline-block;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: baseline;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 2104, sass/component/_rte_template.scss */
  .rte-color-grids__back .ico {
    top: .15em;
  }
}
/* line 2122, sass/component/_rte_template.scss */
.rte-color-grids__back-item[href] {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.57894737em;
  font-weight: 600;
  line-height: 1.25;
  position: relative;
  display: block;
  margin-top: 0.68181818em;
  margin-bottom: 0.68181818em;
  padding-left: 1.81818182em;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 2122, sass/component/_rte_template.scss */
  .rte-color-grids__back-item[href] {
    font-size: 0.875rem;
  }
}
/* line 2144, sass/component/_rte_template.scss */
.rte-color-grids__back-item[href]:hover, .rte-color-grids__back-item[href]:focus {
  color: #ffffff;
}
/* line 2147, sass/component/_rte_template.scss */
.rte-color-grids__back-item[href]:hover .ico, .rte-color-grids__back-item[href]:focus .ico {
  -webkit-transform: scale(1.06) translateX(6px);
  -ms-transform: scale(1.06) translateX(6px);
  transform: scale(1.06) translateX(6px);
}
/* line 2154, sass/component/_rte_template.scss */
.rte-color-grids__bg {
  display: block;
  padding-top: 29.78723404%;
  background-color: #ED6512;
}
@media screen and (max-width: 767px) {
  /* line 2154, sass/component/_rte_template.scss */
  .rte-color-grids__bg {
    padding-top: 28%;
  }
}
/* line 2165, sass/component/_rte_template.scss */
.rte-color-grids__arrow-heading {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.18421053em;
  font-weight: 600;
  position: relative;
  display: block;
  padding-bottom: 1.64444444em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 2165, sass/component/_rte_template.scss */
  .rte-color-grids__arrow-heading {
    padding-right: 3.125rem;
    padding-bottom: 0;
  }
}
/* line 2186, sass/component/_rte_template.scss */
.rte-color-grids__arrow-heading:after {
  font-family: icomoon;
  font-size: 0.73333333em;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.93939394em;
  height: 1.93939394em;
  margin: 0 auto;
  margin-top: 0.42424242em;
  padding-top: 0.24242424em;
  padding-left: 0.15151515em;
  content: "";
  text-align: center;
  color: #ED6512;
  border-radius: 50%;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 2186, sass/component/_rte_template.scss */
  .rte-color-grids__arrow-heading:after {
    left: auto;
  }
}
/* line 2215, sass/component/_rte_template.scss */
.rte-color-grids__box {
  position: relative;
  display: block;
  overflow: hidden;
  width: 47.80141844%;
  margin-right: 2.12765957%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 2215, sass/component/_rte_template.scss */
  .rte-color-grids__box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
}
/* line 2233, sass/component/_rte_template.scss */
.rte-color-grids__box--lg {
  width: 65.95744681%;
}
@media screen and (max-width: 767px) {
  /* line 2233, sass/component/_rte_template.scss */
  .rte-color-grids__box--lg {
    width: 100%;
  }
}
/* line 2240, sass/component/_rte_template.scss */
.rte-color-grids__box img {
  width: 100%;
}
/* line 2244, sass/component/_rte_template.scss */
.rte-color-grids__box[href]:hover, .rte-color-grids__box[href]:focus {
  -webkit-box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
  box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
}
/* line 2248, sass/component/_rte_template.scss */
.rte-color-grids__box[href]:hover .rte-color-grids__caption, .rte-color-grids__box[href]:focus .rte-color-grids__caption {
  padding-top: 0.63157895em;
  padding-bottom: 0.65789474em;
}
@media screen and (max-width: 767px) {
  /* line 2248, sass/component/_rte_template.scss */
  .rte-color-grids__box[href]:hover .rte-color-grids__caption, .rte-color-grids__box[href]:focus .rte-color-grids__caption {
    padding-top: 0.42105263em;
    padding-bottom: 0.44736842em;
  }
}
/* line 2256, sass/component/_rte_template.scss */
.rte-color-grids__box[href]:hover .rte-color-grids__caption:after, .rte-color-grids__box[href]:focus .rte-color-grids__caption:after {
  visibility: visible;
  width: 100%;
  opacity: 1;
}
/* line 2267, sass/component/_rte_template.scss */
.rte-color-grids__caption {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 0.42105263em 0.92105263em 0.44736842em;
  -webkit-transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 2288, sass/component/_rte_template.scss */
  .rte-color-grids__box--lg .rte-color-grids__caption {
    position: static;
  }
}
/* line 2293, sass/component/_rte_template.scss */
.rte-color-grids__caption:after {
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
  width: 0;
  height: 0.13157895em;
  content: "";
  -webkit-transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
/* line 2309, sass/component/_rte_template.scss */
.rte-color-grids__box--blue .rte-color-grids__caption {
  background-color: rgba(41, 139, 207, 0.95);
}
/* line 2312, sass/component/_rte_template.scss */
.rte-color-grids__box--blue .rte-color-grids__caption:after {
  background-color: #3576A2;
}
/* line 2316, sass/component/_rte_template.scss */
.rte-color-grids__box--green .rte-color-grids__caption {
  background-color: rgba(0, 144, 134, 0.95);
}
/* line 2319, sass/component/_rte_template.scss */
.rte-color-grids__box--green .rte-color-grids__caption:after {
  background-color: #1B7771;
}
/* line 2323, sass/component/_rte_template.scss */
.rte-color-grids__box--red .rte-color-grids__caption {
  background-color: rgba(214, 90, 90, 0.9);
}
/* line 2326, sass/component/_rte_template.scss */
.rte-color-grids__box--red .rte-color-grids__caption:after {
  background-color: #B94848;
}
/* line 2336, sass/component/_rte_template.scss */
.cke_editable .rte-full {
  margin-right: -8px;
  margin-bottom: 0;
  margin-left: -8px;
}
/* line 2342, sass/component/_rte_template.scss */
.page-content--static .rte-full {
  margin: 0 -1.875rem;
}
/* line 2346, sass/component/_rte_template.scss */
.page-content--static .ckec .rte-full:last-child {
  margin-bottom: -3.375rem;
}
@media screen and (max-width: 767px) {
  /* line 2346, sass/component/_rte_template.scss */
  .page-content--static .ckec .rte-full:last-child {
    margin-bottom: -2.5rem;
  }
}
/* line 2354, sass/component/_rte_template.scss */
.rte-bg-text {
  font-size: 1.125rem;
}
@media screen and (max-width: 1439px) {
  /* line 2354, sass/component/_rte_template.scss */
  .rte-bg-text {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2354, sass/component/_rte_template.scss */
  .rte-bg-text {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2354, sass/component/_rte_template.scss */
  .rte-bg-text {
    font-size: 0.75rem;
  }
}
/* line 2366, sass/component/_rte_template.scss */
.rte-bg-text__body {
  position: relative;
  max-width: 1680px;
  margin-left: auto;
}
/* line 2373, sass/component/_rte_template.scss */
.rte-bg-text__overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 7.23684211%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: -webkit-gradient(linear, left top, right top, from(#6b5bb5), color-stop(40%, #6b5bb5), color-stop(55%, #6b5bb5), color-stop(80%, rgba(107, 91, 181, 0)));
  background: linear-gradient(to right, #6b5bb5 0%, #6b5bb5 40%, #6b5bb5 55%, rgba(107, 91, 181, 0) 80%);
}
/* line 2389, sass/component/_rte_template.scss */
.cke_editable .rte-bg-text__overlay {
  width: 90%;
}
@media screen and (max-width: 1199px) {
  /* line 2373, sass/component/_rte_template.scss */
  .rte-bg-text__overlay {
    padding-left: 2.50208507%;
  }
}
@media screen and (max-width: 991px) {
  /* line 2373, sass/component/_rte_template.scss */
  .rte-bg-text__overlay {
    padding-left: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2373, sass/component/_rte_template.scss */
  .rte-bg-text__overlay {
    padding-left: 2.8125rem;
    background: -webkit-gradient(linear, left top, right top, from(#6b5bb5), color-stop(40%, #6b5bb5), color-stop(75%, rgba(107, 91, 181, 0.8)), color-stop(90%, rgba(107, 91, 181, 0)));
    background: linear-gradient(to right, #6b5bb5 0%, #6b5bb5 40%, rgba(107, 91, 181, 0.8) 75%, rgba(107, 91, 181, 0) 90%);
  }
}
/* line 2406, sass/component/_rte_template.scss */
.rte-bg-text__content {
  width: 50%;
  padding: 0.83333333em 0em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #ffffff;
}
/* line 2413, sass/component/_rte_template.scss */
.cke_editable .rte-bg-text__content {
  width: 55%;
}
@media screen and (max-width: 1199px) {
  /* line 2406, sass/component/_rte_template.scss */
  .rte-bg-text__content {
    width: 55%;
  }
  /* line 2418, sass/component/_rte_template.scss */
  .cke_editable .rte-bg-text__content {
    width: 60.5%;
  }
}
@media screen and (max-width: 991px) {
  /* line 2406, sass/component/_rte_template.scss */
  .rte-bg-text__content {
    width: 60%;
  }
  /* line 2424, sass/component/_rte_template.scss */
  .cke_editable .rte-bg-text__content {
    width: 66%;
  }
}
@media screen and (max-width: 767px) {
  /* line 2406, sass/component/_rte_template.scss */
  .rte-bg-text__content {
    width: 80%;
  }
  /* line 2430, sass/component/_rte_template.scss */
  .cke_editable .rte-bg-text__content {
    width: 88%;
  }
}
/* line 2436, sass/component/_rte_template.scss */
.rte-bg-text__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 2em;
  line-height: 1.27777778;
  margin-bottom: 0.47222222em;
}
@media screen and (max-width: 767px) {
  /* line 2436, sass/component/_rte_template.scss */
  .rte-bg-text__title {
    font-size: 1.25rem;
    margin-bottom: 0.85em;
  }
}
/* line 2450, sass/component/_rte_template.scss */
.rte-bg-text__para {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.33333333;
  margin-bottom: 2.05555556em;
}
@media screen and (max-width: 991px) {
  /* line 2462, sass/component/_rte_template.scss */
  .rte-bg-text__img-w img {
    float: right;
    max-width: none;
    height: 270px !important;
    margin-right: -5%;
  }
}
@media screen and (max-width: 767px) {
  /* line 2462, sass/component/_rte_template.scss */
  .rte-bg-text__img-w img {
    height: 360px !important;
    margin-right: -35%;
  }
}
/* line 2477, sass/component/_rte_template.scss */
.rte-bg-text__linkgrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -3em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 2477, sass/component/_rte_template.scss */
  .rte-bg-text__linkgrp {
    display: block;
    margin-right: 0;
  }
}
/* line 2490, sass/component/_rte_template.scss */
.rte-bg-text__link {
  font-size: 1em;
  line-height: 1.25;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3em;
  padding: 0.44444444em 3em 0.44444444em 3.33333333em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff !important;
}
/* line 2508, sass/component/_rte_template.scss */
.rte-bg-text__link:last-child {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  /* line 2490, sass/component/_rte_template.scss */
  .rte-bg-text__link {
    margin-right: 0;
    margin-bottom: 0.83333333em;
    padding: 0.66666667em 2.5em 0.66666667em 3em;
  }
  /* line 2517, sass/component/_rte_template.scss */
  .rte-bg-text__link:last-child {
    margin-bottom: 0;
  }
}
/* line 2522, sass/component/_rte_template.scss */
.rte-bg-text__link .ico {
  font-size: 3.33333333em;
  margin-right: 0.33333333em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 2522, sass/component/_rte_template.scss */
  .rte-bg-text__link .ico {
    font-size: 2.5em;
  }
}
/* line 2534, sass/component/_rte_template.scss */
.rte-bg-text__link .ico .path1:before,
.rte-bg-text__link .ico .path2:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
@media screen and (max-width: 767px) {
  /* line 2534, sass/component/_rte_template.scss */
  .rte-bg-text__link .ico .path1:before,
  .rte-bg-text__link .ico .path2:before {
    top: 6px;
  }
}
/* line 2544, sass/component/_rte_template.scss */
.cke_editable .rte-bg-text__link .ico .path1:before, .cke_editable
.rte-bg-text__link .ico .path2:before {
  -webkit-animation: none !important;
  animation: none !important;
}
/* line 2551, sass/component/_rte_template.scss */
.rte-bg-text__link-text {
  font-weight: 500;
}
/* line 2556, sass/component/_rte_template.scss */
.rte-bg-text__link + .rte-bg-text__link:before {
  position: absolute;
  top: 0.27777778em;
  bottom: 0.27777778em;
  left: -3em;
  width: 2px;
  content: "";
  background-color: rgba(181, 181, 181, 0.7);
}
@media screen and (max-width: 767px) {
  /* line 2556, sass/component/_rte_template.scss */
  .rte-bg-text__link + .rte-bg-text__link:before {
    content: none;
  }
}
/* line 2573, sass/component/_rte_template.scss */
.rte-bg-text__link:hover, .rte-bg-text__link:focus {
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.4);
}
/* line 2579, sass/component/_rte_template.scss */
.rte-bg-text__link:hover .ico--heart .path1:before, .rte-bg-text__link:focus .ico--heart .path1:before {
  -webkit-animation: pulse 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation: pulse 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
/* line 2586, sass/component/_rte_template.scss */
.rte-bg-text__link:hover .ico--download-colored .path1:before, .rte-bg-text__link:focus .ico--download-colored .path1:before {
  -webkit-animation: hvr-wobble-vertical 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
  animation: hvr-wobble-vertical 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}
/* line 2597, sass/component/_rte_template.scss */
.rte-evt-card {
  font-size: 1rem;
  margin-bottom: 1.3125em;
}
@media screen and (max-width: 1199px) {
  /* line 2597, sass/component/_rte_template.scss */
  .rte-evt-card {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2597, sass/component/_rte_template.scss */
  .rte-evt-card {
    font-size: 0.8125rem;
    margin-bottom: 1.53846154em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2597, sass/component/_rte_template.scss */
  .rte-evt-card {
    font-size: 0.8125rem;
    width: 100%;
    margin-bottom: 2.30769231em;
  }
}
/* line 2617, sass/component/_rte_template.scss */
.rte-evt-card__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.89855072%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 2617, sass/component/_rte_template.scss */
  .rte-evt-card__cont {
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 2630, sass/component/_rte_template.scss */
.rte-evt-card__img-w {
  width: 35.35211268%;
  margin-right: 2.81690141%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 2630, sass/component/_rte_template.scss */
  .rte-evt-card__img-w {
    width: 100%;
    margin-right: 0;
  }
}
/* line 2640, sass/component/_rte_template.scss */
.rte-evt-card__img-w img {
  width: 100%;
}
/* line 2645, sass/component/_rte_template.scss */
.rte-evt-card__card {
  width: 59.01408451%;
  margin-right: 2.81690141%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  /* line 2645, sass/component/_rte_template.scss */
  .rte-evt-card__card {
    width: 100%;
    margin-right: 0;
  }
}
/* line 2658, sass/component/_rte_template.scss */
.rte-evt-card__header {
  padding: 1.25em 0.9375em 1.125em 2.125em;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-blue.png") 100% 100% no-repeat #25306A;
  background-size: 18.6875em auto;
}
@media screen and (max-width: 1199px) {
  /* line 2658, sass/component/_rte_template.scss */
  .rte-evt-card__header {
    padding: 1.07142857em 1.42857143em 1em 1.78571429em;
  }
}
@media screen and (max-width: 991px) {
  /* line 2658, sass/component/_rte_template.scss */
  .rte-evt-card__header {
    padding: 1.15384615em 1.53846154em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2658, sass/component/_rte_template.scss */
  .rte-evt-card__header {
    font-size: 0.92307692em;
    padding: 1em 1.30769231em;
  }
}
/* line 2676, sass/component/_rte_template.scss */
.rte-evt-card__header a:hover, .rte-evt-card__header a:focus {
  color: #ffffff;
}
/* line 2683, sass/component/_rte_template.scss */
.rte-evt-card__name {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 2683, sass/component/_rte_template.scss */
  .rte-evt-card__name {
    font-size: 1.38461538em;
  }
}
/* line 2694, sass/component/_rte_template.scss */
.rte-evt-card__row2 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
}
/* line 2704, sass/component/_rte_template.scss */
.rte-evt-card__body {
  padding: 1.125em 2.125em;
}
@media screen and (max-width: 1199px) {
  /* line 2704, sass/component/_rte_template.scss */
  .rte-evt-card__body {
    padding: 1.42857143em 1.42857143em 1.78571429em;
  }
}
@media screen and (max-width: 991px) {
  /* line 2704, sass/component/_rte_template.scss */
  .rte-evt-card__body {
    padding: 1.53846154em 1.53846154em 1.92307692em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2704, sass/component/_rte_template.scss */
  .rte-evt-card__body {
    padding: 1em 1.15384615em;
  }
}
/* line 2718, sass/component/_rte_template.scss */
.rte-evt-card__info {
  padding-bottom: 0.625em;
}
/* line 2722, sass/component/_rte_template.scss */
.rte-evt-card__list {
  margin-bottom: 0.33333333em;
}
@media screen and (max-width: 991px) {
  /* line 2722, sass/component/_rte_template.scss */
  .rte-evt-card__list {
    margin-bottom: 1em;
  }
}
/* line 2729, sass/component/_rte_template.scss */
.rte-evt-card__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 1.33333333;
  width: 160px;
  padding-right: 1em;
}
@media screen and (max-width: 1199px) {
  /* line 2729, sass/component/_rte_template.scss */
  .rte-evt-card__item {
    width: 140px;
  }
}
@media screen and (max-width: 991px) {
  /* line 2729, sass/component/_rte_template.scss */
  .rte-evt-card__item {
    width: 120px;
  }
}
/* line 2746, sass/component/_rte_template.scss */
.rte-evt-card__value {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1em;
  line-height: 1.25;
  width: calc(100% - 160px);
}
@media screen and (max-width: 1199px) {
  /* line 2746, sass/component/_rte_template.scss */
  .rte-evt-card__value {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 991px) {
  /* line 2746, sass/component/_rte_template.scss */
  .rte-evt-card__value {
    width: calc(100% - 120px);
  }
}
/* line 2761, sass/component/_rte_template.scss */
.rte-evt-card__contact {
  position: relative;
  padding-top: 1.1875em;
}
/* line 2766, sass/component/_rte_template.scss */
.rte-evt-card__contact:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  content: "";
  background-color: #E7E7E7;
}
/* line 2779, sass/component/_rte_template.scss */
.rte-evt-card__contact-item {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  position: relative;
  margin-right: 3.625em;
  margin-bottom: 0;
  padding-left: 1.625em;
  color: #656565;
}
@media screen and (max-width: 991px) {
  /* line 2779, sass/component/_rte_template.scss */
  .rte-evt-card__contact-item {
    display: block;
    margin-bottom: 0.625em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2779, sass/component/_rte_template.scss */
  .rte-evt-card__contact-item {
    margin-right: 0;
  }
}
/* line 2799, sass/component/_rte_template.scss */
.rte-evt-card__contact-item:before {
  font-family: icomoon;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  color: #8f8f8f;
}
/* line 2811, sass/component/_rte_template.scss */
.rte-evt-card__contact-item--text {
  padding-left: 0;
  color: #333333;
}
/* line 2816, sass/component/_rte_template.scss */
.rte-evt-card__contact-item--text:before {
  content: none;
}
/* line 2822, sass/component/_rte_template.scss */
.rte-evt-card__contact-item--tel:before {
  content: "\e903";
}
/* line 2828, sass/component/_rte_template.scss */
.rte-evt-card__contact-item--email:before {
  content: "\e902";
}
@media screen and (max-width: 1199px) {
  /* line 2828, sass/component/_rte_template.scss */
  .rte-evt-card__contact-item--email:before {
    font-size: 1.07692308em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2828, sass/component/_rte_template.scss */
  .rte-evt-card__contact-item--email:before {
    font-size: 1.14285714em;
  }
}
/* line 2840, sass/component/_rte_template.scss */
.rte-evt-card__contact a {
  text-decoration: underline;
  color: #732b76;
}
/* line 2849, sass/component/_rte_template.scss */
.rte-strike-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.25rem 0rem 1.5625rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
/* line 2860, sass/component/_rte_template.scss */
.rte-strike-heading__text {
  max-width: 60%;
  margin: 0 0.9375rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  color: #732b76;
}
/* line 2869, sass/component/_rte_template.scss */
.rte-strike-heading:after, .rte-strike-heading:before {
  height: 0.1875rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
  content: "";
  background-color: #732b76;
}
/* line 2880, sass/component/_rte_template.scss */
.rte-strike-heading:after {
  left: 100%;
}
/* line 2883, sass/component/_rte_template.scss */
.rte-strike-heading:before {
  right: 100%;
}
/* line 2889, sass/component/_rte_template.scss */
.rte-double-box {
  font-size: 1em;
  margin-bottom: 4.44444444em;
}
@media screen and (max-width: 1439px) {
  /* line 2889, sass/component/_rte_template.scss */
  .rte-double-box {
    margin-bottom: 2.77777778em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2889, sass/component/_rte_template.scss */
  .rte-double-box {
    margin-bottom: 2.85714286em;
  }
}
/* line 2902, sass/component/_rte_template.scss */
.rte-double-box__wrapper {
  display: block;
}
/* line 2905, sass/component/_rte_template.scss */
.rte-double-box__wrapper--1 {
  margin-bottom: 3.33333333em;
}
@media screen and (max-width: 767px) {
  /* line 2905, sass/component/_rte_template.scss */
  .rte-double-box__wrapper--1 {
    margin-bottom: 1.42857143em;
  }
}
/* line 2912, sass/component/_rte_template.scss */
.rte-double-box__wrapper--1 .rte-double-box__img-m {
  margin-bottom: -52.66666667%;
}
@media screen and (max-width: 767px) {
  /* line 2912, sass/component/_rte_template.scss */
  .rte-double-box__wrapper--1 .rte-double-box__img-m {
    margin-bottom: 0;
  }
}
/* line 2919, sass/component/_rte_template.scss */
.rte-double-box__wrapper--1 .rte-double-box__title {
  margin-top: 7.34375%;
}
/* line 2925, sass/component/_rte_template.scss */
.rte-double-box__wrapper--2 .rte-double-box__img-w {
  float: left;
  width: 45.43478261%;
  margin-right: 5.07246377%;
  margin-left: 0;
}
@media screen and (max-width: 767px) {
  /* line 2925, sass/component/_rte_template.scss */
  .rte-double-box__wrapper--2 .rte-double-box__img-w {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /* line 2934, sass/component/_rte_template.scss */
  .rte-double-box__wrapper--2 .rte-double-box__img-c {
    max-width: 627px;
  }
}
/* line 2939, sass/component/_rte_template.scss */
.rte-double-box__wrapper--2 .rte-double-box__detail {
  float: left;
  margin-right: 2.82608696%;
  margin-left: 0;
  margin-bottom: 0.55555556em;
  margin-top: 11.73913043%;
}
@media screen and (max-width: 1199px) {
  /* line 2939, sass/component/_rte_template.scss */
  .rte-double-box__wrapper--2 .rte-double-box__detail {
    margin-top: 3.98550725%;
  }
}
@media screen and (max-width: 767px) {
  /* line 2939, sass/component/_rte_template.scss */
  .rte-double-box__wrapper--2 .rte-double-box__detail {
    margin-top: 2.89855072%;
    float: none;
  }
}
/* line 2957, sass/component/_rte_template.scss */
.rte-double-box__title {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.88888889em;
  margin-bottom: 0.73529412em;
}
@media screen and (max-width: 1199px) {
  /* line 2957, sass/component/_rte_template.scss */
  .rte-double-box__title {
    font-size: 1.6em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2957, sass/component/_rte_template.scss */
  .rte-double-box__title {
    margin-top: 2.89855072%;
    font-size: 1.46666667em;
  }
}
/* line 2972, sass/component/_rte_template.scss */
.rte-double-box__detail {
  display: inline-block;
  width: 46.37681159%;
  margin-left: 8.69565217%;
}
@media screen and (max-width: 767px) {
  /* line 2972, sass/component/_rte_template.scss */
  .rte-double-box__detail {
    width: 100%;
    margin-left: 0;
  }
}
/* line 2982, sass/component/_rte_template.scss */
.rte-double-box__img-w {
  float: right;
  width: 21.73913043%;
  margin-right: 15.65217391%;
}
@media screen and (max-width: 767px) {
  /* line 2982, sass/component/_rte_template.scss */
  .rte-double-box__img-w {
    display: block;
    margin-right: 0;
    float: none;
    width: 100%;
  }
}
/* line 2994, sass/component/_rte_template.scss */
.rte-double-box__img-c {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  /* line 2994, sass/component/_rte_template.scss */
  .rte-double-box__img-c {
    max-width: 300px;
  }
}
/* line 3002, sass/component/_rte_template.scss */
.rte-message {
  font-size: 1em;
  margin-bottom: 1.66666667em;
}
/* line 3007, sass/component/_rte_template.scss */
.rte-message--right .rte-message__container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  /* line 3007, sass/component/_rte_template.scss */
  .rte-message--right .rte-message__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 3014, sass/component/_rte_template.scss */
.rte-message--right .rte-message__detail-wrap {
  margin-left: 0;
}
/* line 3017, sass/component/_rte_template.scss */
.rte-message--right .rte-message__img-w {
  margin-right: 7.24637681%;
}
/* line 3022, sass/component/_rte_template.scss */
.rte-message__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  /* line 3022, sass/component/_rte_template.scss */
  .rte-message__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 3028, sass/component/_rte_template.scss */
.rte-message__img-w {
  width: 23.91304348%;
}
@media screen and (max-width: 767px) {
  /* line 3028, sass/component/_rte_template.scss */
  .rte-message__img-w {
    width: 100%;
    max-width: 330px;
  }
}
/* line 3037, sass/component/_rte_template.scss */
.rte-message__detail {
  width: 76.08695652%;
}
@media screen and (max-width: 767px) {
  /* line 3037, sass/component/_rte_template.scss */
  .rte-message__detail {
    width: 100%;
  }
}
/* line 3044, sass/component/_rte_template.scss */
.rte-message__detail-wrap {
  position: relative;
  margin: 0 9.52380952%;
  padding-bottom: 0.61111111em;
}
@media screen and (max-width: 767px) {
  /* line 3044, sass/component/_rte_template.scss */
  .rte-message__detail-wrap {
    margin: 2em 0em 0em 0em;
  }
}
/* line 3053, sass/component/_rte_template.scss */
.rte-message__detail-wrap::after {
  content: "";
  height: 0.22222222em;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #f1d6a4;
}
/* line 3064, sass/component/_rte_template.scss */
.rte-message__slogan {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  position: relative;
  color: #732b75;
  font-style: italic;
  font-size: 1.33333333em;
  padding: 0em 3.33333333em 0.83333333em 3.33333333em;
  margin-bottom: 0.83333333em;
}
@media screen and (max-width: 1199px) {
  /* line 3064, sass/component/_rte_template.scss */
  .rte-message__slogan {
    padding: 0em 2.38888889em 0.83333333em 2.38888889em;
  }
}
/* line 3077, sass/component/_rte_template.scss */
.rte-message__slogan::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_quote-open.png") 0 0 no-repeat;
  background-size: 100% auto;
}
/* line 3087, sass/component/_rte_template.scss */
.rte-message__slogan::after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1.5em;
  height: 1.5em;
  content: "";
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_quote-close.png") 0 0 no-repeat;
  background-size: 100% auto;
}
/* Responsive media (e.g. youtube videos or use as a placeholder to avoid content jumping) */
/* line 2, sass/component/_share_template.scss */
.placeholder {
  position: relative;
  display: block;
  overflow: hidden;
  height: 0;
  padding: 0;
}
/* line 11, sass/component/_share_template.scss */
.placeholder__item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  /* Make video fit 100% with any screen resolution */
}
/* line 23, sass/component/_share_template.scss */
.placeholder__item-video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
}
/* line 33, sass/component/_share_template.scss */
.placeholder--16by9 {
  padding-top: 56.25%;
}
/* line 37, sass/component/_share_template.scss */
.placeholder--4by3 {
  padding-top: 75%;
}
/* line 41, sass/component/_share_template.scss */
.placeholder--hero {
  padding-top: 31.25%;
}
@media screen and (max-width: 991px) {
  /* line 41, sass/component/_share_template.scss */
  .placeholder--hero {
    padding-top: 65.10416667%;
  }
}
/* line 49, sass/component/_share_template.scss */
.placeholder--card {
  padding-top: 42.72727273%;
}
/* line 53, sass/component/_share_template.scss */
.placeholder--gps1 {
  padding-top: 133.33333333%;
}
/* line 57, sass/component/_share_template.scss */
.placeholder--gps2 {
  padding-top: 56.14035088%;
}
/* line 61, sass/component/_share_template.scss */
.placeholder--msg {
  padding-top: 134.54545455%;
}
/* Center images within a container (images with different dimensions, e.g. photp gallery) */
/* line 67, sass/component/_share_template.scss */
.placeholder-center {
  position: relative;
  overflow: hidden;
  height: 0;
}
/* line 74, sass/component/_share_template.scss */
.placeholder-center__item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  max-width: 100%;
  max-height: 100%;
}
/* line 81, sass/component/_share_template.scss */
.placeholder-center--16by9 {
  padding-top: 56.25%;
}
/* line 85, sass/component/_share_template.scss */
.placeholder-center--4by3 {
  padding-top: 75%;
}
/* line 89, sass/component/_share_template.scss */
.placeholder-center--demo {
  padding-top: 118.18181818%;
}
/* line 94, sass/component/_share_template.scss */
.placeholder-center-margin {
  position: relative;
  overflow: hidden;
  height: 0;
}
/* line 101, sass/component/_share_template.scss */
.placeholder-center-margin__item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
/* line 108, sass/component/_share_template.scss */
.placeholder-center-margin--16by9 {
  padding-top: 56.25%;
}
/* line 112, sass/component/_share_template.scss */
.placeholder-center-margin--4by3 {
  padding-top: 75%;
}
/* line 116, sass/component/_share_template.scss */
.placeholder-center-margin--sample-a {
  padding-top: 56.36363636%;
}
/* line 120, sass/component/_share_template.scss */
.placeholder-center-margin--sample-b {
  padding-top: 56.34674923%;
}
/* line 124, sass/component/_share_template.scss */
.placeholder-center-margin--sample-c {
  padding-top: 118.18181818%;
}
/* line 129, sass/component/_share_template.scss */
.abs-fit-img, .rte-two-grids__img, .rte-absgrid__img, .bgitem__img-c, .menu__pic-img, .key-visual__video-w, .blk__img, .blk__context, .blk__num-inner, .key-most__img-c, .key-interest__img-c, .follow__img, .sharings-slide__img-c, .ppl__img, .ghl__img, .gl__img, .promopic__img, .ss__img, .videohl__v, .videol__v, .direction__img, .direction__map, .direction-more__img, .ogdirection__img, .ogdirection__map, .hvrgrid__img, .gbo__img, .smart-slider__img, .smart-lt__img, .hvrcard__img, .glyblk__img-c, .glyblk__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 138, sass/component/_share_template.scss */
.abs-center-img, .imgcap-sl__img, .key-visual__img, .key-news__item--1 .key-news__img, .key-news__item--2 .key-news__img, .key-news__item--3 .key-news__img, .key-news__item--4 .key-news__img, .key-news__item--5 .key-news__img, .deanhl__img, .deani__img, .single-sl__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
/* Flexbox */
/* line 152, sass/component/_share_template.scss */
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 156, sass/component/_share_template.scss */
.flex__item {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
@media screen and (max-width: 767px) {
  /* line 156, sass/component/_share_template.scss */
  .flex__item {
    margin-bottom: 1.875rem;
  }
}
/* line 166, sass/component/_share_template.scss */
.flex__media {
  background-color: #999999;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
/* line 179, sass/component/_share_template.scss */
.flex__img {
  max-width: 100%;
  height: auto !important;
}
/* line 183, sass/component/_share_template.scss */
.flex__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
/* line 187, sass/component/_share_template.scss */
.flex__right {
  margin-left: auto;
}
/* line 193, sass/component/_share_template.scss */
.flex--col-2 .flex__item {
  max-width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
/* line 203, sass/component/_share_template.scss */
.flex--col-3 .flex__item {
  max-width: 33.33333333%;
  -ms-flex-preferred-size: 33.33333333%;
  flex-basis: 33.33333333%;
}
/* line 213, sass/component/_share_template.scss */
.flex--col-4 .flex__item {
  max-width: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}
/* line 223, sass/component/_share_template.scss */
.flex--col-5 .flex__item {
  max-width: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}
/* line 233, sass/component/_share_template.scss */
.flex--col-6 .flex__item {
  max-width: 16.66666667%;
  -ms-flex-preferred-size: 16.66666667%;
  flex-basis: 16.66666667%;
}
/* line 243, sass/component/_share_template.scss */
.flex--row-single .flex__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
/* line 249, sass/component/_share_template.scss */
.flex--row-multiple {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 254, sass/component/_share_template.scss */
  .flex--row-multiple .flex__item {
    max-width: none;
  }
}
/* line 261, sass/component/_share_template.scss */
.flex--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 266, sass/component/_share_template.scss */
.flex--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* line 270, sass/component/_share_template.scss */
.flex--form-row {
  font-size: 1rem;
  margin-right: -0.625em;
  margin-left: -0.625em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/* line 279, sass/component/_share_template.scss */
.flex--form-row .flex__item {
  padding-right: 0.625em;
  padding-left: 0.625em;
}
/* line 286, sass/component/_share_template.scss */
.flex--form-row-custom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  /* line 290, sass/component/_share_template.scss */
  .flex--form-row-custom .form-group {
    max-width: none;
  }
}
/* line 296, sass/component/_share_template.scss */
.flex--sample-a {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}
/* line 301, sass/component/_share_template.scss */
.flex--sample-a .flex__item {
  padding: 0 0.9375rem;
}
/* line 307, sass/component/_share_template.scss */
.flex--sample-b {
  margin-right: -1.25rem;
  margin-left: -1.25rem;
}
/* line 312, sass/component/_share_template.scss */
.flex--sample-b .flex__item {
  padding: 0 1.25rem 1.25rem;
}
/* line 320, sass/component/_share_template.scss */
.flex--media-a .flex__media {
  max-width: 15.60283688%;
  margin-right: 1.77304965%;
  -ms-flex-preferred-size: 15.60283688%;
  flex-basis: 15.60283688%;
}
/* line 331, sass/component/_share_template.scss */
.flex--media-b .flex__media {
  max-width: 13.75rem;
  margin-right: 2.12765957%;
  -ms-flex-preferred-size: 13.75rem;
  flex-basis: 13.75rem;
}
/* line 342, sass/component/_share_template.scss */
.flex--media-c .flex__media {
  max-width: 15.60283688%;
  margin-left: 2.12765957%;
  -ms-flex-preferred-size: 15.60283688%;
  flex-basis: 15.60283688%;
}
@media screen and (max-width: 767px) {
  /* line 352, sass/component/_share_template.scss */
  .flex--mobi-wrap {
    display: block;
  }
  /* line 357, sass/component/_share_template.scss */
  .flex--mobi-wrap .flex__media {
    max-width: none;
    margin-right: 0;
    margin-bottom: 1.25rem;
    margin-left: 0;
  }
}
/* Card */
/* line 370, sass/component/_share_template.scss */
.card {
  font-size: 1rem;
  display: block;
  background-color: #666;
}
/* line 380, sass/component/_share_template.scss */
.card__img {
  max-width: 100%;
  height: auto !important;
}
/* line 384, sass/component/_share_template.scss */
.card__content {
  font-size: 0.875em;
  padding: 0.9375rem;
  border: 1px solid #999999;
}
/* line 392, sass/component/_share_template.scss */
.card--demo {
  width: 20%;
}
@media screen and (max-width: 767px) {
  /* line 392, sass/component/_share_template.scss */
  .card--demo {
    width: auto;
  }
}
/* Messages */
/* line 403, sass/component/_share_template.scss */
.msg {
  font-size: 1rem;
}
/* line 406, sass/component/_share_template.scss */
.msg__head {
  position: relative;
  padding: 0.9375rem;
  color: #ffffff;
  border-radius: 3px 3px 0 0;
  background-color: #999999;
}
/* line 416, sass/component/_share_template.scss */
.msg__body {
  padding: 0.9375rem;
  color: #4A4A4A;
  border: 1px solid #999999;
  background: #DBDBDB;
}
/* Full width containers in limited width parents */
/* line 427, sass/component/_share_template.scss */
.full-width-blk {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
}
/* List */
/* line 439, sass/component/_share_template.scss */
.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 445, sass/component/_share_template.scss */
.list__item {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.46666667;
  position: relative;
  padding-left: 1.33333333em;
  color: #000000;
}
/* line 456, sass/component/_share_template.scss */
.list__item:before {
  position: absolute;
  top: 0.46666667em;
  left: 0;
  width: 0.4em;
  height: 0.4em;
  content: "";
  border-radius: 50%;
  background-color: #732b76;
}
/* line 474, sass/component/_share_template.scss */
.list__img {
  max-width: 100%;
  height: auto !important;
}
/* line 478, sass/component/_share_template.scss */
.list__title {
  margin-bottom: 0;
}
/* line 482, sass/component/_share_template.scss */
.list--sm {
  font-size: 0.9375rem;
}
/* line 488, sass/component/_share_template.scss */
.tools-row {
  position: relative;
}
/* line 493, sass/component/_share_template.scss */
.tools-row__heading {
  float: left;
  max-width: calc(100% - 350px);
}
@media screen and (max-width: 1199px) {
  /* line 493, sass/component/_share_template.scss */
  .tools-row__heading {
    max-width: calc(100% - 310px);
  }
}
@media screen and (max-width: 991px) {
  /* line 493, sass/component/_share_template.scss */
  .tools-row__heading {
    max-width: calc(100% - 240px);
  }
}
@media screen and (max-width: 767px) {
  /* line 493, sass/component/_share_template.scss */
  .tools-row__heading {
    float: none;
    max-width: none;
    margin-bottom: 1em;
  }
}
/* line 515, sass/component/_share_template.scss */
.filter {
  font-size: 1rem;
  margin: 0 -1.25em 3.0625em 0;
}
@media screen and (max-width: 1199px) {
  /* line 515, sass/component/_share_template.scss */
  .filter {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 515, sass/component/_share_template.scss */
  .filter {
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 515, sass/component/_share_template.scss */
  .filter {
    font-size: 0.875rem;
    margin-right: 0;
    margin-bottom: 2.28571429em;
    padding-right: 0;
    padding-left: 0;
  }
}
/* line 535, sass/component/_share_template.scss */
.filter--right {
  float: right;
  margin-top: 0.3125em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  /* line 535, sass/component/_share_template.scss */
  .filter--right {
    float: none;
    margin-top: 0;
  }
}
/* line 549, sass/component/_share_template.scss */
.filter--tab {
  font-weight: 700;
  margin-right: 0;
  margin-bottom: 2.4375em;
  margin-left: -0.8125em;
  color: #585858;
}
@media screen and (max-width: 767px) {
  /* line 549, sass/component/_share_template.scss */
  .filter--tab {
    margin-bottom: 2.5em;
  }
}
/* line 562, sass/component/_share_template.scss */
.filter__title {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-right: 1.25em;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 562, sass/component/_share_template.scss */
  .filter__title {
    font-weight: 500;
    display: block;
    margin: 0 0 0.71428571em;
    text-align: left;
  }
}
/* line 579, sass/component/_share_template.scss */
.filter__label {
  font-size: 1em;
  font-weight: 400;
  margin-right: 1.5625em;
}
@media screen and (max-width: 767px) {
  /* line 579, sass/component/_share_template.scss */
  .filter__label {
    min-width: 3.125rem;
  }
}
/* line 589, sass/component/_share_template.scss */
.filter__select-wrap {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 595, sass/component/_share_template.scss */
.filter__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  margin-right: 1.25em;
  text-align: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 605, sass/component/_share_template.scss */
.filter__item--short {
  min-width: 15em;
}
@media screen and (max-width: 991px) {
  /* line 595, sass/component/_share_template.scss */
  .filter__item {
    margin-right: 1.45454545em;
  }
  /* line 612, sass/component/_share_template.scss */
  .filter__item--short {
    min-width: 14.54545455em;
  }
}
@media screen and (max-width: 767px) {
  /* line 595, sass/component/_share_template.scss */
  .filter__item {
    display: block;
    width: 100%;
    margin: 0 0 0.42857143em;
  }
  /* line 622, sass/component/_share_template.scss */
  .filter__item--short {
    min-width: 0;
  }
}
/* line 628, sass/component/_share_template.scss */
.filter__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.85714286%;
  margin-bottom: 1.25em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 628, sass/component/_share_template.scss */
  .filter__row {
    margin-right: 0;
    margin-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  /* line 644, sass/component/_share_template.scss */
  .filter__row:last-child .filter__item {
    margin-bottom: 1.25rem;
  }
}
/* line 650, sass/component/_share_template.scss */
.filter__row > * {
  margin-right: 4.16666667%;
}
@media screen and (max-width: 767px) {
  /* line 650, sass/component/_share_template.scss */
  .filter__row > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* line 662, sass/component/_share_template.scss */
.filter__link {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-weight: 600;
  line-height: 1.2;
  min-width: 9.375em;
  margin-bottom: 0.625em;
  margin-left: 0.8125em;
  padding: 0.75em 1.25em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  color: #585858;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 662, sass/component/_share_template.scss */
  .filter__link {
    font-size: 0.75rem;
    min-width: 10em;
    padding: 0.66666667em 1.25em;
  }
}
/* line 686, sass/component/_share_template.scss */
.filter__link:hover, .filter__link:focus, .filter__link--active {
  color: #ffffff;
  border: 1px solid #2b4f7b;
  background-color: #3b6597;
}
/* line 695, sass/component/_share_template.scss */
.filter__btn-grp {
  margin-right: 2.08333333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 695, sass/component/_share_template.scss */
  .filter__btn-grp {
    width: 100%;
    margin-right: -1.66666667em;
  }
}
/* line 704, sass/component/_share_template.scss */
.filter__btn-grp .btn, .filter__btn-grp .fileinput-button {
  margin-right: 1.66666667em;
}
/* line 711, sass/component/_share_template.scss */
.detail-nav {
  margin: 0 1.875rem 10rem;
}
@media screen and (max-width: 1199px) {
  /* line 711, sass/component/_share_template.scss */
  .detail-nav {
    margin: 0 1.25rem 7.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 711, sass/component/_share_template.scss */
  .detail-nav {
    margin: 0 1.875rem 5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 711, sass/component/_share_template.scss */
  .detail-nav {
    margin: 0 1.5625rem 1.875rem;
  }
}
/* line 723, sass/component/_share_template.scss */
.detail-nav__wrap {
  font-size: 1rem;
  position: relative;
}
@media screen and (max-width: 1439px) {
  /* line 723, sass/component/_share_template.scss */
  .detail-nav__wrap {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 723, sass/component/_share_template.scss */
  .detail-nav__wrap {
    font-size: 0.75rem;
  }
}
/* line 737, sass/component/_share_template.scss */
.detail-nav__grid {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2em;
  margin-left: -2.4em;
}
@media screen and (max-width: 1439px) {
  /* line 737, sass/component/_share_template.scss */
  .detail-nav__grid {
    padding: 0.66666667em 0.66666667em 1em;
  }
}
@media screen and (max-width: 767px) {
  /* line 737, sass/component/_share_template.scss */
  .detail-nav__grid {
    position: static;
    display: block;
    margin: 0 0 0.625rem;
    padding-bottom: 0;
  }
}
/* line 757, sass/component/_share_template.scss */
.detail-nav__grid-inner {
  padding: 0.625em 0.625em 1.4375em;
}
/* line 761, sass/component/_share_template.scss */
.detail-nav__grid .ico {
  font-size: 2.5em;
  display: block;
  -webkit-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  color: #8f8f8f;
}
/* line 772, sass/component/_share_template.scss */
.detail-nav__grid-tip {
  font-size: 0.8125em;
  line-height: 1;
  position: absolute;
  top: 80%;
  left: 50%;
  visibility: hidden;
  padding: 1.15384615em 1.46153846em;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.1s;
  transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.1s;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  color: #585858;
  background-color: #ebebeb;
}
@media screen and (max-width: 767px) {
  /* line 772, sass/component/_share_template.scss */
  .detail-nav__grid-tip {
    font-size: 0.875rem;
    position: static;
    visibility: visible;
    -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
    transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    background: none;
  }
}
/* line 806, sass/component/_share_template.scss */
.detail-nav__grid-tip:before {
  position: absolute;
  top: -0.38461538em;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -0.23076923em;
  content: "";
  border-width: 0 0.46153846em 0.46153846em 0.46153846em;
  border-style: solid;
  border-color: transparent transparent #ebebeb transparent;
}
@media screen and (max-width: 991px) {
  /* line 806, sass/component/_share_template.scss */
  .detail-nav__grid-tip:before {
    display: none;
  }
}
/* line 829, sass/component/_share_template.scss */
.detail-nav__grid:hover .ico, .detail-nav__grid:focus .ico {
  color: #732b76;
}
/* line 833, sass/component/_share_template.scss */
.detail-nav__grid:hover .detail-nav__grid-tip, .detail-nav__grid:focus .detail-nav__grid-tip {
  top: 100%;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 991px) {
  /* line 833, sass/component/_share_template.scss */
  .detail-nav__grid:hover .detail-nav__grid-tip, .detail-nav__grid:focus .detail-nav__grid-tip {
    color: #732b76;
  }
}
/* line 846, sass/component/_share_template.scss */
.detail-nav__item {
  position: relative;
  width: 37.17391304%;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 2em rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1439px) {
  /* line 846, sass/component/_share_template.scss */
  .detail-nav__item {
    width: 40.51724138%;
  }
}
@media screen and (max-width: 767px) {
  /* line 846, sass/component/_share_template.scss */
  .detail-nav__item {
    width: 100%;
    max-width: 340px;
    margin: 0 auto 2.5rem;
  }
}
/* line 864, sass/component/_share_template.scss */
.detail-nav__item--prev {
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 864, sass/component/_share_template.scss */
  .detail-nav__item--prev {
    display: block;
    float: none;
  }
}
/* line 871, sass/component/_share_template.scss */
.detail-nav__item--prev .detail-nav__body {
  padding: 0.3125em 1.125em 0.3125em 0.625em;
}
@media screen and (max-width: 1439px) {
  /* line 871, sass/component/_share_template.scss */
  .detail-nav__item--prev .detail-nav__body {
    padding: 0.35714286em 1.07142857em 0.35714286em 0.14285714em;
  }
}
/* line 877, sass/component/_share_template.scss */
.detail-nav__item--prev .detail-nav__title {
  margin-left: 1.25em;
}
@media screen and (max-width: 1439px) {
  /* line 877, sass/component/_share_template.scss */
  .detail-nav__item--prev .detail-nav__title {
    margin-left: 0.86666667em;
  }
}
/* line 885, sass/component/_share_template.scss */
.detail-nav__item--next {
  float: right;
}
@media screen and (max-width: 767px) {
  /* line 885, sass/component/_share_template.scss */
  .detail-nav__item--next {
    display: block;
    float: none;
  }
}
/* line 892, sass/component/_share_template.scss */
.detail-nav__item--next .detail-nav__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* line 895, sass/component/_share_template.scss */
.detail-nav__item--next .detail-nav__body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0.3125em 0.625em 0.3125em 1.375em;
}
@media screen and (max-width: 1439px) {
  /* line 895, sass/component/_share_template.scss */
  .detail-nav__item--next .detail-nav__body {
    padding: 0.35714286em 0.14285714em 0.35714286em 1.07142857em;
  }
}
/* line 903, sass/component/_share_template.scss */
.detail-nav__item--next .detail-nav__title {
  margin-right: 1.25em;
}
@media screen and (max-width: 1439px) {
  /* line 903, sass/component/_share_template.scss */
  .detail-nav__item--next .detail-nav__title {
    margin-right: 0.86666667em;
  }
}
/* line 911, sass/component/_share_template.scss */
.detail-nav__item:hover, .detail-nav__item:focus {
  -webkit-box-shadow: 0 0 2em rgba(91, 31, 93, 0.25);
  box-shadow: 0 0 2em rgba(91, 31, 93, 0.25);
}
/* line 915, sass/component/_share_template.scss */
.detail-nav__item:hover .detail-nav__dir, .detail-nav__item:focus .detail-nav__dir {
  -webkit-animation: hover-icon-wobble-horizontal 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
  animation: hover-icon-wobble-horizontal 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}
/* line 921, sass/component/_share_template.scss */
.detail-nav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 927, sass/component/_share_template.scss */
.detail-nav__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 936, sass/component/_share_template.scss */
.detail-nav__img-w {
  display: block;
  width: 29.23976608%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 944, sass/component/_share_template.scss */
.detail-nav__img-c {
  position: relative;
  padding-top: 100%;
}
/* line 950, sass/component/_share_template.scss */
.detail-nav__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 959, sass/component/_share_template.scss */
.detail-nav__dir {
  font-size: 1.125rem;
  font-weight: 600;
  white-space: nowrap;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 959, sass/component/_share_template.scss */
  .detail-nav__dir {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 959, sass/component/_share_template.scss */
  .detail-nav__dir {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 959, sass/component/_share_template.scss */
  .detail-nav__dir {
    font-size: 0.75rem;
  }
}
/* line 976, sass/component/_share_template.scss */
.detail-nav__dir-text {
  vertical-align: middle;
}
/* line 980, sass/component/_share_template.scss */
.detail-nav__dir .ico {
  font-size: 1.8125em;
  margin: 0 0.34482759em;
  vertical-align: middle;
}
/* line 989, sass/component/_share_template.scss */
.detail-nav__title {
  font-size: 1em;
  display: -webkit-box;
  overflow: hidden;
  max-height: 93px;
  padding-bottom: 3px;
  color: #000000;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
@media screen and (max-width: 1439px) {
  /* line 989, sass/component/_share_template.scss */
  .detail-nav__title {
    max-height: 88px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 989, sass/component/_share_template.scss */
  .detail-nav__title {
    line-height: 1.32;
    max-height: 80px;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 991px) {
  /* line 989, sass/component/_share_template.scss */
  .detail-nav__title {
    max-height: 63px;
    padding-bottom: 0;
  }
}
/* line 1019, sass/component/_share_template.scss */
.in-expert {
  font-size: 1.5625rem;
  position: relative;
  padding: 1.84em 6.76em 2.64em 1.4em;
  background-color: #029ca8;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_in-expert-cyan.png");
  background-position: 100% 0;
  background-size: auto 100%;
}
@media screen and (max-width: 1439px) {
  /* line 1019, sass/component/_share_template.scss */
  .in-expert {
    font-size: 1.375rem;
    padding: 2.09090909em 4.09090909em 3em 1.59090909em;
    background-position: 50% 0;
  }
  /* line 1037, sass/component/_share_template.scss */
  .in-expert > .container {
    max-width: none;
    padding: 0;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1019, sass/component/_share_template.scss */
  .in-expert {
    font-size: 1.125rem;
    padding: 2.55555556em 3.33333333em 3.66666667em 1.66666667em;
  }
}
@media screen and (max-width: 991px) {
  /* line 1019, sass/component/_share_template.scss */
  .in-expert {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1019, sass/component/_share_template.scss */
  .in-expert {
    padding: 2.5em 1.875em;
  }
}
/* line 1054, sass/component/_share_template.scss */
.in-expert:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 100%;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: #029ca8;
}
/* line 1068, sass/component/_share_template.scss */
.in-expert--orange {
  background-color: #EC6100;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_in-expert-orange.png");
}
/* line 1072, sass/component/_share_template.scss */
.in-expert--orange:before {
  background-color: #EC6100;
}
/* line 1076, sass/component/_share_template.scss */
.in-expert--blue {
  background-color: #133B99;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_in-expert-blue.png");
}
/* line 1080, sass/component/_share_template.scss */
.in-expert--blue:before {
  background-color: #133B99;
}
/* line 1085, sass/component/_share_template.scss */
.in-expert__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 1085, sass/component/_share_template.scss */
  .in-expert__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 1094, sass/component/_share_template.scss */
.in-expert__left {
  padding-right: 1.4em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 1094, sass/component/_share_template.scss */
  .in-expert__left {
    margin-bottom: 1.875rem;
  }
}
/* line 1103, sass/component/_share_template.scss */
.in-expert__right {
  padding: 0.8em 0 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 1109, sass/component/_share_template.scss */
.in-expert__title {
  font-size: 1.8em;
  line-height: 1.3;
  margin-bottom: 0.4em;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 1109, sass/component/_share_template.scss */
  .in-expert__title {
    margin-bottom: 0.93333333em;
  }
}
/* line 1121, sass/component/_share_template.scss */
.in-expert__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  color: #ffffff;
}
/* line 1128, sass/component/_share_template.scss */
.in-expert__desc a {
  text-decoration: underline;
  color: #ffffff;
}
/* line 1137, sass/component/_share_template.scss */
.inner-share {
  font-size: 0.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  /* line 1137, sass/component/_share_template.scss */
  .inner-share {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1137, sass/component/_share_template.scss */
  .inner-share {
    font-size: 0.6875rem;
  }
}
/* line 1150, sass/component/_share_template.scss */
.inner-share__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  margin: 0 0.84615385em;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 1150, sass/component/_share_template.scss */
  .inner-share__item {
    margin: 0 0.66666667em;
  }
}
/* line 1162, sass/component/_share_template.scss */
.inner-share__item:hover, .inner-share__item:focus {
  -webkit-transform: translate3d(0, -4px, 0);
  transform: translate3d(0, -4px, 0);
}
/* line 1168, sass/component/_share_template.scss */
.inner-share__item[data-share-media=facebook] .ico {
  font-size: 1.76923077em;
  color: #3B5998;
}
/* line 1176, sass/component/_share_template.scss */
.inner-share__item[data-share-media=twitter] .ico {
  font-size: 1.53846154em;
  color: #55ACEE;
}
/* line 1184, sass/component/_share_template.scss */
.inner-share__item[data-share-media=gplus] .ico {
  font-size: 2.38461538em;
  color: #DD4B39;
}
/* line 1192, sass/component/_share_template.scss */
.inner-share__item[data-share-media=linkedin] .ico {
  font-size: 1.69230769em;
  color: #0077B5;
}
/* line 1200, sass/component/_share_template.scss */
.inner-share__item[data-share-media=whatsapp] .ico {
  font-size: 1.69230769em;
  color: #2AB200;
}
/* line 1208, sass/component/_share_template.scss */
.inner-share__item[data-share-media=wechat] .ico {
  font-size: 2.15384615em;
  color: #2EC100;
}
/* line 1216, sass/component/_share_template.scss */
.inner-share__item[data-share-media=clipboard] .ico {
  font-size: 1.76923077em;
  color: #8f8f8f;
}
/* line 1226, sass/component/_share_template.scss */
.tags-shares {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  /* line 1226, sass/component/_share_template.scss */
  .tags-shares {
    display: block;
  }
}
/* line 1235, sass/component/_share_template.scss */
.tags-shares .tag {
  margin-right: 1.875rem;
}
@media screen and (max-width: 991px) {
  /* line 1235, sass/component/_share_template.scss */
  .tags-shares .tag {
    margin-top: 0.3125rem;
    margin-right: 0.625rem;
    margin-bottom: 0.9375rem;
  }
}
/* line 1243, sass/component/_share_template.scss */
.tags-shares .tag + .inner-share {
  position: relative;
  padding-left: 0.9375rem;
}
@media screen and (max-width: 991px) {
  /* line 1243, sass/component/_share_template.scss */
  .tags-shares .tag + .inner-share {
    float: right;
    margin-bottom: 0.9375rem;
    padding-left: 0;
  }
}
/* line 1254, sass/component/_share_template.scss */
.tags-shares .tag + .inner-share:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 1rem;
  margin: auto;
  content: "";
  background-color: #E2D6CA;
}
@media screen and (max-width: 991px) {
  /* line 1254, sass/component/_share_template.scss */
  .tags-shares .tag + .inner-share:before {
    content: none;
  }
}
@media screen and (max-width: 991px) {
  /* line 1275, sass/component/_share_template.scss */
  .tags-shares .btn-grp {
    clear: both;
    width: 100%;
    text-align: right;
  }
}
/* line 1287, sass/component/_share_template.scss */
.tags-row {
  margin: 1.375rem 0.9375rem 0.875rem -0.9375rem;
}
@media screen and (max-width: 1199px) {
  /* line 1287, sass/component/_share_template.scss */
  .tags-row {
    margin: 0.625rem 0.625rem 0.5rem -0.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1287, sass/component/_share_template.scss */
  .tags-row {
    margin: 0.5rem 0.625rem 0.375rem -0.625rem;
  }
}
/* line 1296, sass/component/_share_template.scss */
.tags-row--lg {
  margin: 1.125rem 0.8125rem 0.75rem -0.8125rem;
}
@media screen and (max-width: 1199px) {
  /* line 1296, sass/component/_share_template.scss */
  .tags-row--lg {
    margin: 0.8125rem 0.5rem 0.6875rem -0.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1296, sass/component/_share_template.scss */
  .tags-row--lg {
    margin: 0.5625rem 0.5rem 0.5rem -0.5rem;
  }
}
/* line 1306, sass/component/_share_template.scss */
.tags-row--press {
  margin: 1.375rem 0.9375rem 0.625rem -0.9375rem;
}
@media screen and (max-width: 1199px) {
  /* line 1306, sass/component/_share_template.scss */
  .tags-row--press {
    margin: 0.875rem 0.625rem 0.25rem -0.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1306, sass/component/_share_template.scss */
  .tags-row--press {
    margin: 0.5rem 0.625rem 0.0625rem -0.625rem;
  }
}
/* line 1317, sass/component/_share_template.scss */
.tag {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 0.875rem;
  font-weight: 600;
  margin-left: 1.07142857em;
  padding: 0.28571429em 1em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #585858;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 1317, sass/component/_share_template.scss */
  .tag {
    font-size: 0.75rem;
    margin-bottom: 0.5em;
    margin-left: 0.83333333em;
  }
}
@media screen and (max-width: 991px) {
  /* line 1317, sass/component/_share_template.scss */
  .tag {
    font-size: 0.625rem;
  }
}
/* line 1341, sass/component/_share_template.scss */
.tag--single {
  margin-left: 0;
}
/* line 1345, sass/component/_share_template.scss */
.tag--lg {
  font-size: 1rem;
  margin-left: 0.8125em;
  padding: 0.6875em 1.1875em 0.625em;
}
@media screen and (max-width: 1199px) {
  /* line 1345, sass/component/_share_template.scss */
  .tag--lg {
    font-size: 0.875rem;
    margin-bottom: 0.71428571em;
    margin-left: 0.71428571em;
  }
}
@media screen and (max-width: 991px) {
  /* line 1345, sass/component/_share_template.scss */
  .tag--lg {
    font-size: 0.75rem;
    margin-bottom: 0.66666667em;
    margin-left: 0.66666667em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1345, sass/component/_share_template.scss */
  .tag--lg {
    font-size: 0.75rem;
  }
}
/* line 1368, sass/component/_share_template.scss */
.tag[href]:hover, .tag[href]:focus {
  color: #ffffff;
  border-color: #3b6597;
  background-color: #3b6597;
}
/* line 1380, sass/component/_share_template.scss */
.video-block {
  font-size: 1.75rem;
  position: relative;
  margin: 1.92857143em 0 1.57142857em;
}
@media screen and (max-width: 991px) {
  /* line 1380, sass/component/_share_template.scss */
  .video-block {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1380, sass/component/_share_template.scss */
  .video-block {
    font-size: 1.25rem;
  }
}
/* line 1393, sass/component/_share_template.scss */
.video-block__bg {
  position: absolute;
  z-index: 0;
  top: 10.0625vw;
  right: -1.875rem;
  bottom: 0;
  width: 100vw;
  padding-right: 1.875rem;
  content: "";
}
/* line 1405, sass/component/_share_template.scss */
.page-content--narrow .video-block__bg {
  right: -13.625rem;
  padding-right: 13.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 1405, sass/component/_share_template.scss */
  .page-content--narrow .video-block__bg {
    right: -11.25rem;
    padding-right: 11.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1405, sass/component/_share_template.scss */
  .page-content--narrow .video-block__bg {
    right: -9.375rem;
    padding-right: 9.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1405, sass/component/_share_template.scss */
  .page-content--narrow .video-block__bg {
    right: -3.75rem;
    padding-right: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1405, sass/component/_share_template.scss */
  .page-content--narrow .video-block__bg {
    right: -1.5625rem;
    padding-right: 1.5625rem;
  }
}
/* line 1431, sass/component/_share_template.scss */
.video-block__bg--purple {
  background-color: #d1cfe0;
}
/* line 1436, sass/component/_share_template.scss */
.video-block__wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 1.57142857em;
}
/* line 1443, sass/component/_share_template.scss */
.video-block__caption {
  font-size: 1em;
  line-height: 1.2;
  padding-top: 0.85714286em;
  color: #732b76;
}
/* line 1455, sass/component/_share_template.scss */
.bottom-block {
  padding: 4.5rem 0 3.75rem;
}
@media screen and (max-width: 767px) {
  /* line 1455, sass/component/_share_template.scss */
  .bottom-block {
    padding: 3.125rem 0 3.75rem;
  }
}
/* line 1461, sass/component/_share_template.scss */
.bottom-block__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.8125em;
  color: #732b76;
}
/* line 1470, sass/component/_share_template.scss */
.bottom-block__title--white {
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 1461, sass/component/_share_template.scss */
  .bottom-block__title {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1461, sass/component/_share_template.scss */
  .bottom-block__title {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1461, sass/component/_share_template.scss */
  .bottom-block__title {
    font-size: 1.375rem;
    margin-bottom: 0.76923077em;
  }
}
/* line 1489, sass/component/_share_template.scss */
.evtcat__title {
  font-size: 1.75rem;
  line-height: 1.2;
  margin-bottom: 0.10714286em;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 1489, sass/component/_share_template.scss */
  .evtcat__title {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1489, sass/component/_share_template.scss */
  .evtcat__title {
    font-size: 1.5rem;
    margin-bottom: 0.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1489, sass/component/_share_template.scss */
  .evtcat__title {
    font-size: 1.375rem;
  }
}
/* line 1510, sass/component/_share_template.scss */
.bg-tag {
  font-size: 0.875rem;
}
@media screen and (max-width: 1199px) {
  /* line 1510, sass/component/_share_template.scss */
  .bg-tag {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1510, sass/component/_share_template.scss */
  .bg-tag {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1510, sass/component/_share_template.scss */
  .bg-tag {
    font-size: 0.6875rem;
  }
}
/* line 1525, sass/component/_share_template.scss */
.bg-tag--blue .bg-tag__text {
  color: #ffffff;
  background-color: #3b6597;
}
/* line 1531, sass/component/_share_template.scss */
.bg-tag__text {
  font-weight: 600;
  line-height: 1.2;
  float: left;
  padding: 0.5em 1.35714286em;
  margin-right: 0.57142857em;
}
@media screen and (max-width: 767px) {
  /* line 1541, sass/component/_share_template.scss */
  .bg-tag__text + .bg-tag__text {
    margin-bottom: 0.57142857em;
  }
}
/* line 1549, sass/component/_share_template.scss */
.tag-grp {
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3.75em;
  padding: 1.1875em 1.5em 0em;
  background-color: #f1f2f6;
}
@media screen and (max-width: 1439px) {
  /* line 1549, sass/component/_share_template.scss */
  .tag-grp {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1549, sass/component/_share_template.scss */
  .tag-grp {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1549, sass/component/_share_template.scss */
  .tag-grp {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1549, sass/component/_share_template.scss */
  .tag-grp {
    font-size: 0.75rem;
  }
}
/* line 1571, sass/component/_share_template.scss */
.tag-grp__heading {
  font-size: 1.25em;
  font-weight: 600;
  position: relative;
  margin-right: 0.2em;
  margin-bottom: 1em;
  padding-right: 1.5em;
  color: #732b76;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 1585, sass/component/_share_template.scss */
.ie .tag-grp__heading {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 1589, sass/component/_share_template.scss */
.tag-grp__heading:after {
  position: absolute;
  top: 0.35em;
  right: 0;
  width: 1px;
  height: 0.85em;
  content: "";
  background-color: #E1E1E1;
}
/* line 1603, sass/component/_share_template.scss */
.tag-grp__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 1606, sass/component/_share_template.scss */
.ie .tag-grp__body {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 1611, sass/component/_share_template.scss */
.tag-grp__link {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.75;
  margin-bottom: 1.25em;
  margin-left: 1.5em;
  color: #585858;
}
/* line 1626, sass/component/_share_template.scss */
.anch-wrap {
  position: relative;
}
/* line 1630, sass/component/_share_template.scss */
.anch-cont {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition: all 0.6s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.6s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  background-color: #ffffff;
}
/* line 1641, sass/component/_share_template.scss */
.anch--link .anch-cont {
  position: static;
}
/* line 1645, sass/component/_share_template.scss */
.anch-cont:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  content: "";
  -webkit-transition: visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  opacity: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
/* line 1663, sass/component/_share_template.scss */
.nav-fixed .anch-cont {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  overflow: visible;
  width: 100%;
  -webkit-animation: slideInDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: slideInDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
/* line 1676, sass/component/_share_template.scss */
.nav-fixed .anch-cont:before {
  visibility: visible;
  opacity: 1;
}
/* line 1684, sass/component/_share_template.scss */
.anch {
  font-size: 1.125rem;
}
@media screen and (max-width: 1439px) {
  /* line 1684, sass/component/_share_template.scss */
  .anch {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1684, sass/component/_share_template.scss */
  .anch {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1684, sass/component/_share_template.scss */
  .anch {
    font-size: 0.875rem;
  }
}
/* line 1697, sass/component/_share_template.scss */
.anch__item .text-muted {
  color: #b7b7b7;
}
/* line 1702, sass/component/_share_template.scss */
.anch__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0 0.55555556em 0.27777778em 2.22222222em;
  list-style: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1439px) {
  /* line 1702, sass/component/_share_template.scss */
  .anch__nav {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1702, sass/component/_share_template.scss */
  .anch__nav {
    padding-right: 1em;
    padding-left: 1em;
  }
}
/* line 1721, sass/component/_share_template.scss */
.nav-fixed .anch__nav {
  padding-left: 1.11111111em;
}
/* line 1725, sass/component/_share_template.scss */
.anch--char .anch__nav {
  margin-bottom: 1.38888889em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 1732, sass/component/_share_template.scss */
.anch__item {
  position: relative;
  z-index: 1;
  padding: 0.72222222em 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 1740, sass/component/_share_template.scss */
.anch__item:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0.94444444em;
  margin: auto;
  content: "";
  background-color: #E1E1E1;
}
/* line 1755, sass/component/_share_template.scss */
.anch__item:last-child:after {
  content: none;
}
/* line 1760, sass/component/_share_template.scss */
.anch__item:first-child .anch__link {
  color: #732b76;
}
/* line 1763, sass/component/_share_template.scss */
.anch__item:first-child .anch__link:after {
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
/* line 1771, sass/component/_share_template.scss */
.nav-fixed .anch__item:first-child:not(.active) .anch__link {
  color: #000000;
}
/* line 1774, sass/component/_share_template.scss */
.nav-fixed .anch__item:first-child:not(.active) .anch__link:after {
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  opacity: 0;
}
/* line 1785, sass/component/_share_template.scss */
.anch--link .anch__item:first-child .anch__link {
  color: #732b76;
}
/* line 1788, sass/component/_share_template.scss */
.anch--link .anch__item:first-child .anch__link:after {
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  opacity: 0;
}
/* line 1797, sass/component/_share_template.scss */
.nav-fixed .anch--link .anch__item.selected .anch__link, .anch--link .anch__item.selected .anch__link {
  color: #732b76;
}
/* line 1800, sass/component/_share_template.scss */
.nav-fixed .anch--link .anch__item.selected .anch__link:after, .anch--link .anch__item.selected .anch__link:after {
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
/* line 1810, sass/component/_share_template.scss */
.anch__link {
  position: relative;
  display: block;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  text-transform: uppercase;
  color: #000000;
}
/* line 1821, sass/component/_share_template.scss */
.anch__link:after {
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  width: 100%;
  height: 2px;
  content: "";
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  opacity: 0;
  background-color: #732b76;
}
/* line 1836, sass/component/_share_template.scss */
.active > .anch__link, .anch__link:hover, .anch__link:focus {
  color: #732b76;
}
/* line 1843, sass/component/_share_template.scss */
.anch--char .anch__link:hover, .anch--char .anch__link:focus {
  -webkit-transform: scale(1.24);
  -ms-transform: scale(1.24);
  transform: scale(1.24);
}
/* line 1850, sass/component/_share_template.scss */
.active > .anch__link:after {
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
/* line 1861, sass/component/_share_template.scss */
.mainhl {
  font-size: 2rem;
  margin: 0 0 2.65625em;
}
@media screen and (max-width: 1439px) {
  /* line 1861, sass/component/_share_template.scss */
  .mainhl {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1861, sass/component/_share_template.scss */
  .mainhl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1861, sass/component/_share_template.scss */
  .mainhl {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1861, sass/component/_share_template.scss */
  .mainhl {
    font-size: 1.25rem;
  }
}
/* line 1878, sass/component/_share_template.scss */
.mainhl__btm {
  position: relative;
  z-index: 0;
  padding: 2.6875rem 0 6.75rem;
}
@media screen and (max-width: 991px) {
  /* line 1878, sass/component/_share_template.scss */
  .mainhl__btm {
    padding: 2.5rem 0 5.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1878, sass/component/_share_template.scss */
  .mainhl__btm {
    padding: 1.875rem 0 5rem;
  }
}
/* line 1891, sass/component/_share_template.scss */
.mainhl__item {
  position: relative;
  display: block;
  padding-bottom: 1.0625em;
}
@media screen and (max-width: 767px) {
  /* line 1891, sass/component/_share_template.scss */
  .mainhl__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-bottom: 1.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 1908, sass/component/_share_template.scss */
.slick-initialized .slick-current .mainhl__item .btn, .slick-initialized .slick-current .mainhl__item .fileinput-button {
  -webkit-animation: fadeInUpMild .6s ease 1s both;
  animation: fadeInUpMild .6s ease 1s both;
}
/* line 1914, sass/component/_share_template.scss */
.mainhl__img-w {
  display: block;
  overflow: hidden;
  width: 64.85507246%;
}
/* line 1920, sass/component/_share_template.scss */
.slick-initialized .slick-current .mainhl__img-w {
  -webkit-animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 1914, sass/component/_share_template.scss */
  .mainhl__img-w {
    width: 100%;
  }
}
/* line 1929, sass/component/_share_template.scss */
.mainhl__img-w[href]:hover .mainhl__img, .mainhl__img-w[href]:focus .mainhl__img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
/* line 1935, sass/component/_share_template.scss */
.mainhl__img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 1941, sass/component/_share_template.scss */
.mainhl__body {
  position: absolute;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40.72463768%;
  min-height: 13.4375em;
  padding: 2em 1.6875em 1.78125em;
  background-color: #f4f5f9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 1957, sass/component/_share_template.scss */
.slick-initialized .slick-current .mainhl__body {
  -webkit-animation: fadeInLeftTop 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInLeftTop 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 1941, sass/component/_share_template.scss */
  .mainhl__body {
    position: static;
    display: block;
    width: 100%;
    min-height: 0;
    padding: 1.5em 1.25em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
/* line 1973, sass/component/_share_template.scss */
.mainhl__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 1976, sass/component/_share_template.scss */
.ie .mainhl__inner {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 1981, sass/component/_share_template.scss */
.mainhl__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.625em;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 1.05em;
  color: #000000;
}
/* line 1993, sass/component/_share_template.scss */
.slick-initialized .slick-current .mainhl__date {
  -webkit-animation: fadeIn .6s ease .4s both;
  animation: fadeIn .6s ease .4s both;
}
/* line 1998, sass/component/_share_template.scss */
.mainhl__title {
  font-size: 1em;
  font-weight: 600;
  overflow: hidden;
  max-height: 190px;
  margin-bottom: 0.875em;
  color: #000000;
}
/* line 2008, sass/component/_share_template.scss */
.slick-initialized .slick-current .mainhl__title {
  -webkit-animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
@media screen and (max-width: 1439px) {
  /* line 1998, sass/component/_share_template.scss */
  .mainhl__title {
    max-height: 160px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1998, sass/component/_share_template.scss */
  .mainhl__title {
    max-height: 114px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1998, sass/component/_share_template.scss */
  .mainhl__title {
    max-height: 107px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1998, sass/component/_share_template.scss */
  .mainhl__title {
    max-height: 97px;
  }
}
/* line 2027, sass/component/_share_template.scss */
.sls {
  font-size: 1.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 2027, sass/component/_share_template.scss */
  .sls {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2027, sass/component/_share_template.scss */
  .sls {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2027, sass/component/_share_template.scss */
  .sls {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2027, sass/component/_share_template.scss */
  .sls {
    font-size: 1rem;
  }
}
/* line 2042, sass/component/_share_template.scss */
.sls__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.17391304%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  /* line 2042, sass/component/_share_template.scss */
  .sls__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0;
  }
}
/* line 2056, sass/component/_share_template.scss */
.sls__item {
  width: 31.20567376%;
  margin-right: 2.12765957%;
  margin-bottom: 1.875em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-shadow: 0 -0.03846154em 0.76923077em 0.03846154em rgba(0, 0, 0, 0.08);
  box-shadow: 0 -0.03846154em 0.76923077em 0.03846154em rgba(0, 0, 0, 0.08);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 2067, sass/component/_share_template.scss */
.ie .sls__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 2071, sass/component/_share_template.scss */
.sls__item:hover, .sls__item:focus {
  -webkit-transform: translate3d(0, -8px, 0) scale(1.08) perspective(1px);
  transform: translate3d(0, -8px, 0) scale(1.08) perspective(1px);
  -webkit-box-shadow: 0 -0.07692308em 1.5em 0.03846154em rgba(12, 12, 12, 0.2);
  box-shadow: 0 -0.07692308em 1.5em 0.03846154em rgba(12, 12, 12, 0.2);
}
@media screen and (max-width: 767px) {
  /* line 2056, sass/component/_share_template.scss */
  .sls__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.22222222em;
    -webkit-box-shadow: 0 -0.03846154em 0.38461538em 0.03846154em rgba(12, 12, 12, 0.2);
    box-shadow: 0 -0.03846154em 0.38461538em 0.03846154em rgba(12, 12, 12, 0.2);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  /* line 2100, sass/component/_share_template.scss */
  .sls__item:hover, .sls__item:focus {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 2107, sass/component/_share_template.scss */
.sls__img-w {
  position: relative;
  display: block;
  padding-top: 56.26740947%;
}
/* line 2115, sass/component/_share_template.scss */
.sls__img-c {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 2123, sass/component/_share_template.scss */
.sls__img {
  width: 100%;
}
/* line 2127, sass/component/_share_template.scss */
.sls__body {
  display: block;
  padding: 11.14206128% 8.35654596% 8.91364903%;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 2127, sass/component/_share_template.scss */
  .sls__body {
    padding: 1.25em 1.25em 1.5625em;
  }
}
/* line 2145, sass/component/_share_template.scss */
.sls__inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 2148, sass/component/_share_template.scss */
.ie .sls__inner {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 2153, sass/component/_share_template.scss */
.sls__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 0.55em;
  color: #585858;
}
/* line 2167, sass/component/_share_template.scss */
.sls__title {
  font-size: 0.92307692em;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  max-height: 129px;
  margin-bottom: 0.54166667em;
  padding-bottom: 3px;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 2167, sass/component/_share_template.scss */
  .sls__title {
    max-height: 117px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2167, sass/component/_share_template.scss */
  .sls__title {
    max-height: 111px;
    font-size: 0.90909091em;
  }
}
@media screen and (max-width: 991px) {
  /* line 2167, sass/component/_share_template.scss */
  .sls__title {
    max-height: 89px;
  }
}
/* line 2205, sass/component/_share_template.scss */
.grids {
  font-size: 1rem;
}
@media screen and (max-width: 1439px) {
  /* line 2205, sass/component/_share_template.scss */
  .grids {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2205, sass/component/_share_template.scss */
  .grids {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2205, sass/component/_share_template.scss */
  .grids {
    font-size: 0.875rem;
  }
}
/* line 2217, sass/component/_share_template.scss */
.grids__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.17391304%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  /* line 2217, sass/component/_share_template.scss */
  .grids__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0;
  }
}
/* line 2231, sass/component/_share_template.scss */
.grids__item {
  width: 31.20567376%;
  margin-right: 2.12765957%;
  margin-bottom: 1.875em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 2239, sass/component/_share_template.scss */
.grids__item--half {
  width: 47.65957447%;
  margin-bottom: 1.41843972%;
}
/* line 2243, sass/component/_share_template.scss */
.grids__item--half .grids__img-w {
  padding-top: 56.10119048%;
}
/* line 2248, sass/component/_share_template.scss */
.grids__item--shadowed {
  -webkit-box-shadow: 0 0 0.9375em rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0.9375em rgba(0, 0, 0, 0.15);
}
/* line 2252, sass/component/_share_template.scss */
.ie .grids__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  /* line 2231, sass/component/_share_template.scss */
  .grids__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.66666667em;
  }
}
/* line 2262, sass/component/_share_template.scss */
.grids__item[href]:hover, .grids__item[href]:focus {
  -webkit-transform: translate3d(0, -10px, 0) perspective(1px);
  transform: translate3d(0, -10px, 0) perspective(1px);
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 2262, sass/component/_share_template.scss */
  .grids__item[href]:hover, .grids__item[href]:focus {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 2271, sass/component/_share_template.scss */
.grids__item[href]:hover .grids__body, .grids__item[href]:focus .grids__body {
  -webkit-transform: translate3d(0, -12px, 0) perspective(1px);
  transform: translate3d(0, -12px, 0) perspective(1px);
  background-color: #ffffff;
}
/* line 2283, sass/component/_share_template.scss */
.grids__img-w {
  position: relative;
  display: block;
  padding-top: 56.13636364%;
}
/* line 2291, sass/component/_share_template.scss */
.grids__img-c {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 2299, sass/component/_share_template.scss */
.grids__img {
  width: 100%;
}
/* line 2303, sass/component/_share_template.scss */
.grids__body {
  display: block;
  padding: 5% 2.27272727%;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
/* line 2310, sass/component/_share_template.scss */
.grids__item--half .grids__body {
  padding: 2.5% 1.13636364%;
}
/* line 2314, sass/component/_share_template.scss */
.grids__item--shadowed .grids__body {
  padding: 5% 4.54545455% 8.63636364%;
}
/* line 2318, sass/component/_share_template.scss */
.grids__item--shadowed.grids__item--half .grids__body {
  padding: 3.40909091% 3.40909091% 5%;
}
/* line 2323, sass/component/_share_template.scss */
.grids__inner {
  text-align: center;
}
/* line 2327, sass/component/_share_template.scss */
.grids__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  margin-bottom: 0.38461538em;
  color: #000000;
}
/* line 2341, sass/component/_share_template.scss */
.grids__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2;
  margin-bottom: 1.625em;
  color: #000000;
}
/* line 2351, sass/component/_share_template.scss */
.grids__item--shadowed .grids__desc {
  padding: 0 4.76190476%;
}
/* line 2357, sass/component/_share_template.scss */
.ovlgrids {
  font-size: 1.25rem;
}
@media screen and (max-width: 1439px) {
  /* line 2357, sass/component/_share_template.scss */
  .ovlgrids {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2357, sass/component/_share_template.scss */
  .ovlgrids {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2357, sass/component/_share_template.scss */
  .ovlgrids {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2357, sass/component/_share_template.scss */
  .ovlgrids {
    font-size: 0.9375rem;
  }
}
/* line 2373, sass/component/_share_template.scss */
.ovlgrids--gps {
  margin-bottom: 2.5em;
}
/* line 2376, sass/component/_share_template.scss */
.ovlgrids--gps .ovlgrids__title {
  font-size: 1.3em;
  color: #ffffff;
}
/* line 2381, sass/component/_share_template.scss */
.ovlgrids--gps .ovlgrids__img-w {
  padding-top: 74.54545455%;
}
/* line 2385, sass/component/_share_template.scss */
.ovlgrids--gps .ovlgrids__body {
  min-height: 21.34146341%;
  padding: 2.27272727% 5.68181818%;
}
/* line 2391, sass/component/_share_template.scss */
.ovlgrids__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.17391304%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 2391, sass/component/_share_template.scss */
  .ovlgrids__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 0;
  }
}
/* line 2403, sass/component/_share_template.scss */
.ovlgrids__cont--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 2408, sass/component/_share_template.scss */
.ovlgrids__item {
  overflow: hidden;
  width: 31.20567376%;
  margin-right: 2.12765957%;
  margin-bottom: 1em;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 2408, sass/component/_share_template.scss */
  .ovlgrids__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.66666667em;
  }
}
/* line 2424, sass/component/_share_template.scss */
.ie .ovlgrids__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 2430, sass/component/_share_template.scss */
.ovlgrids__item:hover .ovlgrids__desc, .ovlgrids__item:focus .ovlgrids__desc {
  display: block;
  -webkit-animation: fadeInUp 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  animation: fadeInUp 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
}
/* line 2435, sass/component/_share_template.scss */
.ovlgrids__item:hover .ovlgrids__body, .ovlgrids__item:focus .ovlgrids__body {
  min-height: 100%;
}
/* line 2438, sass/component/_share_template.scss */
.ie .ovlgrids__item:hover .ovlgrids__body, .ie .ovlgrids__item:focus .ovlgrids__body {
  height: 100%;
}
/* line 2442, sass/component/_share_template.scss */
.ovlgrids__item:hover .ovlgrids__title, .ovlgrids__item:focus .ovlgrids__title {
  margin-bottom: 0.55em;
}
/* line 2448, sass/component/_share_template.scss */
.ovlgrids__wrap {
  position: relative;
}
/* line 2452, sass/component/_share_template.scss */
.ovlgrids__img-w {
  position: relative;
  display: block;
  padding-top: 56.13636364%;
}
/* line 2460, sass/component/_share_template.scss */
.ovlgrids__img-c {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 2468, sass/component/_share_template.scss */
.ovlgrids__img {
  width: 100%;
}
/* line 2472, sass/component/_share_template.scss */
.ovlgrids__body {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 28.34008097%;
  padding: 2.27272727% 13.63636364%;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1199px) {
  /* line 2472, sass/component/_share_template.scss */
  .ovlgrids__body {
    padding: 2.27272727% 5.68181818%;
  }
}
@media screen and (max-width: 991px) {
  /* line 2472, sass/component/_share_template.scss */
  .ovlgrids__body {
    min-height: 29.92125984%;
  }
}
/* line 2497, sass/component/_share_template.scss */
.ovlgrids__body--green {
  background-color: rgba(0, 167, 156, 0.9);
}
/* line 2500, sass/component/_share_template.scss */
.ovlgrids__body--blue {
  background-color: rgba(50, 152, 222, 0.9);
}
/* line 2503, sass/component/_share_template.scss */
.ovlgrids__body--orange {
  background-color: rgba(233, 117, 26, 0.9);
}
/* line 2508, sass/component/_share_template.scss */
.ovlgrids__inner {
  text-align: center;
}
/* line 2512, sass/component/_share_template.scss */
.ovlgrids__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  -webkit-transition: margin 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: margin 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  color: #000000;
}
/* line 2522, sass/component/_share_template.scss */
.ovlgrids__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.2;
  display: none;
  overflow: hidden;
  color: #000000;
}
/* line 2537, sass/component/_share_template.scss */
.side-nav {
  font-size: 1rem;
}
@media screen and (max-width: 1199px) {
  /* line 2537, sass/component/_share_template.scss */
  .side-nav {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2537, sass/component/_share_template.scss */
  .side-nav {
    font-size: 0.8125rem;
  }
}
/* line 2546, sass/component/_share_template.scss */
.side-nav__list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
/* line 2553, sass/component/_share_template.scss */
.side-nav__item {
  border-bottom: 1px solid #E2E2E2;
}
/* line 2556, sass/component/_share_template.scss */
.side-nav__item--group {
  font-size: 1.0625em;
  background-color: #732b76;
}
/* line 2561, sass/component/_share_template.scss */
.side-nav__item--group .side-nav__link {
  font-weight: 700;
  color: #ffffff;
}
/* line 2568, sass/component/_share_template.scss */
.side-nav__item:first-child {
  border-top: 1px solid #E2E2E2;
}
/* line 2573, sass/component/_share_template.scss */
.side-nav__link {
  font-weight: 600;
  display: block;
  padding: 1.375em 1.625em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 2584, sass/component/_share_template.scss */
.active > .side-nav__link {
  color: #732b76;
  background-color: #f3f5f8;
}
/* line 2589, sass/component/_share_template.scss */
.side-nav__link[href]:hover, .side-nav__link[href]:focus {
  color: #732b76;
  background-color: rgba(244, 245, 249, 0.8);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
/* line 2599, sass/component/_share_template.scss */
.bg-block-nav {
  font-size: 2.8125rem;
  position: relative;
  max-width: 1680px;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 2599, sass/component/_share_template.scss */
  .bg-block-nav {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2599, sass/component/_share_template.scss */
  .bg-block-nav {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2599, sass/component/_share_template.scss */
  .bg-block-nav {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2599, sass/component/_share_template.scss */
  .bg-block-nav {
    font-size: 1.25rem;
  }
}
/* line 2619, sass/component/_share_template.scss */
.bg-block-nav__img-w {
  display: block;
}
/* line 2626, sass/component/_share_template.scss */
.bg-block-nav__img {
  width: 100%;
}
/* line 2630, sass/component/_share_template.scss */
.bg-block-nav__link {
  line-height: 1.2;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  margin-top: 4.80263158%;
  padding: 0.51111111em 0.88888889em 0.51111111em 2.44444444em;
  color: #ffffff;
  background-color: rgba(115, 43, 118, 0.95);
}
@media screen and (max-width: 767px) {
  /* line 2630, sass/component/_share_template.scss */
  .bg-block-nav__link {
    position: relative;
    margin-top: 0;
    padding: 0.36363636em 1.13636364em;
  }
}
/* line 2652, sass/component/_share_template.scss */
.bg-block-nav__link:hover, .bg-block-nav__link:focus {
  color: #ffffff;
}
/* line 2657, sass/component/_share_template.scss */
.bg-block-nav__link .ico {
  font-size: 0.73333333em;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.93939394em;
  height: 1.93939394em;
  margin-left: 1.45454545em;
  padding-left: 0.09090909em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  color: #732b76;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  /* line 2657, sass/component/_share_template.scss */
  .bg-block-nav__link .ico {
    font-size: 0.73333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2657, sass/component/_share_template.scss */
  .bg-block-nav__link .ico {
    font-size: 0.72em;
  }
}
/* line 2689, sass/component/_share_template.scss */
.searcher {
  font-size: 1.25rem;
  margin-bottom: 2.15em;
  padding: 1.95em 1.85em 2.4em 2.85em;
  background-color: #f1f2f6;
}
@media screen and (max-width: 1439px) {
  /* line 2689, sass/component/_share_template.scss */
  .searcher {
    font-size: 1.125rem;
    padding: 1.7em 1em 2em 1.5em;
  }
}
@media screen and (max-width: 991px) {
  /* line 2689, sass/component/_share_template.scss */
  .searcher {
    font-size: 1rem;
    padding: 1.25em 1.25em 1.5em;
  }
}
/* line 2710, sass/component/_share_template.scss */
.searcher__title {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.25;
  margin-bottom: 0.75em;
  color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 2710, sass/component/_share_template.scss */
  .searcher__title {
    font-size: 1.5rem;
  }
}
/* line 2724, sass/component/_share_template.scss */
.searcher__title-sub {
  font-size: 0.5em;
  font-weight: 600;
  line-height: 2;
  color: #000000;
}
/* line 2733, sass/component/_share_template.scss */
.searcher__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -1.05em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 2733, sass/component/_share_template.scss */
  .searcher__wrap {
    display: block;
    margin-left: 0;
  }
}
/* line 2746, sass/component/_share_template.scss */
.searcher__box {
  position: relative;
  width: 24.86610559%;
  margin-left: 1.05em;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
/* line 2754, sass/component/_share_template.scss */
.ie .searcher__box {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  /* line 2746, sass/component/_share_template.scss */
  .searcher__box {
    width: 100%;
    margin-bottom: 0.9375em;
    margin-left: 0;
  }
}
/* line 2763, sass/component/_share_template.scss */
.searcher__box--xs {
  width: 1%;
}
@media screen and (max-width: 767px) {
  /* line 2763, sass/component/_share_template.scss */
  .searcher__box--xs {
    width: 100%;
  }
}
/* line 2770, sass/component/_share_template.scss */
.searcher__box--lg {
  width: 38.9441469%;
}
@media screen and (max-width: 767px) {
  /* line 2770, sass/component/_share_template.scss */
  .searcher__box--lg {
    width: 100%;
  }
}
/* line 2777, sass/component/_share_template.scss */
.searcher__box--xl {
  width: 51.26243305%;
}
@media screen and (max-width: 767px) {
  /* line 2777, sass/component/_share_template.scss */
  .searcher__box--xl {
    width: 100%;
  }
}
/* line 2785, sass/component/_share_template.scss */
.searcher__btn-w {
  padding-left: 1.98928845%;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 2785, sass/component/_share_template.scss */
  .searcher__btn-w {
    padding: 0 0.9375rem;
    text-align: center;
  }
}
/* line 2796, sass/component/_share_template.scss */
.searcher__btn {
  font-size: 1.65em;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 2801, sass/component/_share_template.scss */
.searcher__btn:hover, .searcher__btn:focus {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}
/* line 2807, sass/component/_share_template.scss */
.searcher__btn .ico:before {
  font-size: 99%;
}
/* line 2813, sass/component/_share_template.scss */
.searcher__field {
  line-height: 3.8em;
  width: 100%;
  height: 3.8em;
  padding-right: 0.75em;
  padding-left: 1.8em;
  border: none;
  border-radius: 0;
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 1199px) {
  /* line 2813, sass/component/_share_template.scss */
  .searcher__field {
    padding-left: 1.11111111em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2813, sass/component/_share_template.scss */
  .searcher__field {
    line-height: 3.125em;
    height: 3.125em;
  }
}
/* line 2836, sass/component/_share_template.scss */
.searcher__pl {
  position: absolute;
  top: 1.25em;
  left: 1.8em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 2836, sass/component/_share_template.scss */
  .searcher__pl {
    top: 1em;
    left: 1.25em;
  }
}
/* line 2848, sass/component/_share_template.scss */
.searcher__pl-title {
  font-size: 1em;
  line-height: 1.2;
  color: #6B6B6B;
}
/* line 2857, sass/component/_share_template.scss */
.searcher__pl-sub {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 600;
  color: #732b76;
}
/* line 2867, sass/component/_share_template.scss */
.result {
  font-size: 1rem;
  margin-bottom: 2em;
}
/* line 2872, sass/component/_share_template.scss */
.result__heading {
  font-size: 1em;
  line-height: 1.375;
  margin-bottom: 1.0625em;
}
/* line 2879, sass/component/_share_template.scss */
.result__count {
  font-size: 1.375em;
  font-weight: 600;
  line-height: 1;
  margin-left: 0.18181818em;
  color: #732b76;
}
/* line 2892, sass/component/_share_template.scss */
.imgcap-sl {
  font-size: 0.9375rem;
  margin-bottom: 1.73333333em;
}
@media screen and (max-width: 1439px) {
  /* line 2892, sass/component/_share_template.scss */
  .imgcap-sl {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2892, sass/component/_share_template.scss */
  .imgcap-sl {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2892, sass/component/_share_template.scss */
  .imgcap-sl {
    font-size: 0.75rem;
  }
}
/* line 2906, sass/component/_share_template.scss */
.imgcap-sl__img-w {
  display: block;
  background-color: #f3f5f8;
}
/* line 2912, sass/component/_share_template.scss */
.imgcap-sl__img-c {
  position: relative;
  display: block;
  padding-top: 56.01503759%;
}
/* line 2924, sass/component/_share_template.scss */
.imgcap-sl__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.93333333em 0em 0.66666667em 6.46666667em;
}
@media screen and (max-width: 1199px) {
  /* line 2924, sass/component/_share_template.scss */
  .imgcap-sl__body {
    padding-left: 5.57142857em;
  }
}
/* line 2934, sass/component/_share_template.scss */
.imgcap-sl__body:before {
  font-family: icomoon;
  font-size: 0.73333333em;
  position: absolute;
  top: 1.54545455em;
  left: 0.90909091em;
  content: "\e93e";
  color: #000000;
}
/* line 2949, sass/component/_share_template.scss */
.imgcap-sl__no {
  font-size: 1.33333333em;
  position: absolute;
  top: 0.5em;
  left: 1.85em;
  color: #000000;
}
@media screen and (max-width: 1199px) {
  /* line 2949, sass/component/_share_template.scss */
  .imgcap-sl__no {
    top: 0.55em;
    left: 1.5em;
  }
}
/* line 2963, sass/component/_share_template.scss */
.imgcap-sl__caption {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  font-style: italic;
  color: #585858;
}
/* line 2974, sass/component/_share_template.scss */
.touch-blocker {
  font-size: 1.125rem;
  font-weight: 600;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
  background-color: rgba(51, 51, 51, 0.4);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  /* line 2974, sass/component/_share_template.scss */
  .touch-blocker {
    font-size: 5vw;
  }
}
/* line 2999, sass/component/_share_template.scss */
.dytable {
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  /* line 2999, sass/component/_share_template.scss */
  .dytable {
    display: block;
    border-top: 0.375rem solid #732b76;
    border-bottom: 0.375rem solid #732b76;
    border-radius: 0.1875rem;
  }
  /* line 3009, sass/component/_share_template.scss */
  .dytable > thead,
  .dytable > tbody,
  .dytable > thead > tr,
  .dytable > tbody > tr {
    display: block;
  }
}
/* line 3017, sass/component/_share_template.scss */
.dytable > thead > tr > th {
  font-size: 1.125rem;
  font-weight: 400;
  padding: 1.25rem 1.75rem;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 1439px) {
  /* line 3017, sass/component/_share_template.scss */
  .dytable > thead > tr > th {
    font-size: 1rem;
    padding: 1.125rem 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 3017, sass/component/_share_template.scss */
  .dytable > thead > tr > th {
    font-size: 0.9375rem;
    padding: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 3017, sass/component/_share_template.scss */
  .dytable > thead > tr > th {
    display: none;
  }
}
/* line 3040, sass/component/_share_template.scss */
.dytable > tbody > tr > td {
  height: 4.0625rem;
  padding: 0.6875rem 1.75rem 0.625rem;
  text-align: left;
  vertical-align: middle;
}
@media screen and (max-width: 1439px) {
  /* line 3040, sass/component/_share_template.scss */
  .dytable > tbody > tr > td {
    padding: 0.625rem 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 3040, sass/component/_share_template.scss */
  .dytable > tbody > tr > td {
    height: 4.375rem;
    padding: 0.75rem 0.9375rem 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 3040, sass/component/_share_template.scss */
  .dytable > tbody > tr > td {
    display: block;
    width: 100%;
    height: auto;
    padding: 1.25rem 0.9375rem 0.625rem;
    background-color: #ffffff;
  }
  /* line 3062, sass/component/_share_template.scss */
  .dytable > tbody > tr > td.dytable__cell--2 {
    padding-bottom: 1.875rem;
  }
  /* line 3066, sass/component/_share_template.scss */
  .dytable > tbody > tr > td:before {
    font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    display: block;
    margin-bottom: 0.35714286em;
    content: attr(data-column) ": ";
    color: #732b76;
  }
}
/* line 3084, sass/component/_share_template.scss */
.dytable__cell--1 {
  width: 29.85507246%;
}
@media screen and (max-width: 1439px) {
  /* line 3084, sass/component/_share_template.scss */
  .dytable__cell--1 {
    width: 27.02702703%;
  }
}
@media screen and (max-width: 991px) {
  /* line 3084, sass/component/_share_template.scss */
  .dytable__cell--1 {
    width: 39.5480226%;
  }
}
/* line 3094, sass/component/_share_template.scss */
.dytable__cell--2 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.375;
  width: 70.14492754%;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 3094, sass/component/_share_template.scss */
  .dytable__cell--2 {
    font-size: 0.875rem;
  }
}
/* line 3109, sass/component/_share_template.scss */
.dytable__text {
  font-size: 1.125rem;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 3109, sass/component/_share_template.scss */
  .dytable__text {
    font-size: 0.875rem;
  }
}
/* line 3118, sass/component/_share_template.scss */
.dytable__text--link:hover, .dytable__text--link:focus {
  color: #732b76;
}
/* line 3128, sass/component/_share_template.scss */
.dytable__text--link[target=_blank]:not(.btn):not(.fileinput-button):after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: text-bottom;
  *display: inline;
  *zoom: 1;
  font-weight: normal;
  position: relative;
  margin: 0 0.66666667em;
  content: "";
  color: #000000;
}
/* line 3148, sass/component/_share_template.scss */
.hvr-shine, .rte-color-grids__bgbox, .rte-color-grids__box, .glyblk__img-w {
  position: relative;
  overflow: hidden;
}
/* line 3153, sass/component/_share_template.scss */
.hvr-shine:after, .rte-color-grids__bgbox:after, .rte-color-grids__box:after, .glyblk__img-w:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 200%;
  width: 45%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  pointer-events: none;
  background: rgba(255, 255, 255, 0.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
/* line 3179, sass/component/_share_template.scss */
.cke_editable .hvr-shine:after, .cke_editable .rte-color-grids__bgbox:after, .cke_editable .rte-color-grids__box:after, .cke_editable .glyblk__img-w:after {
  content: none;
}
/* line 3187, sass/component/_share_template.scss */
.shortcut {
  font-size: 2rem;
  position: relative;
  display: block;
  height: 2.5625em;
  padding-right: 2.5625em;
  background-color: #009FA6;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-shortcut.jpg");
  background-position: 0 0;
  background-size: cover;
}
@media screen and (max-width: 1439px) {
  /* line 3187, sass/component/_share_template.scss */
  .shortcut {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 3187, sass/component/_share_template.scss */
  .shortcut {
    font-size: 1.375rem;
  }
}
/* line 3210, sass/component/_share_template.scss */
.shortcut__text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 500;
  display: block;
  padding: 0.625em 1.375em;
  color: #ffffff;
}
/* line 3224, sass/component/_share_template.scss */
.shortcut:before {
  font-family: icomoon;
  font-size: 1.1875em;
  font-weight: 700;
  line-height: 2.15789474;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2.15789474em;
  height: 2.15789474em;
  content: "";
  text-align: center;
  text-indent: 0.05263158em;
  color: #ffffff;
  background-color: #0B7D86;
}
/* line 3249, sass/component/_share_template.scss */
.lang-btngrp {
  font-size: 1.25rem;
  position: fixed;
  z-index: 100;
  top: 25%;
  right: 0;
  -webkit-animation: fadeInRight 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeInRight 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 3259, sass/component/_share_template.scss */
.scrolling-down .lang-btngrp {
  -webkit-animation: fadeOutRight 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeOutRight 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@media screen and (max-width: 991px) {
  /* line 3249, sass/component/_share_template.scss */
  .lang-btngrp {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 3249, sass/component/_share_template.scss */
  .lang-btngrp {
    font-size: 0.8125rem;
    top: 45%;
    margin-top: -2.38461538em;
  }
}
/* line 3274, sass/component/_share_template.scss */
.lang-btngrp__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.5em;
  height: 2.5em;
  margin-bottom: 1px;
  margin-left: auto;
  padding-left: 0.75em;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  color: #ffffff;
  background-color: rgba(115, 43, 118, 0.85);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 3291, sass/component/_share_template.scss */
.lang-btngrp__item:hover, .lang-btngrp__item:focus {
  width: 3.5em;
  color: #ffffff;
  background-color: #732b76;
}
/* line 3301, sass/component/_share_template.scss */
.bgitem {
  font-size: 1.25rem;
  margin: 2em 0;
}
@media screen and (max-width: 1439px) {
  /* line 3301, sass/component/_share_template.scss */
  .bgitem {
    font-size: 1.1875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 3301, sass/component/_share_template.scss */
  .bgitem {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 3301, sass/component/_share_template.scss */
  .bgitem {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 3301, sass/component/_share_template.scss */
  .bgitem {
    font-size: 0.875rem;
    margin: 2.14285714em 0;
  }
}
/* line 3320, sass/component/_share_template.scss */
.bgitem__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  /* line 3320, sass/component/_share_template.scss */
  .bgitem__cont {
    display: block;
  }
}
/* line 3330, sass/component/_share_template.scss */
.bgitem__item {
  position: relative;
  width: 46.37681159%;
  margin-bottom: 1.4em;
  padding: 1.5em 1.5em 0 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 3330, sass/component/_share_template.scss */
  .bgitem__item {
    width: 100%;
    margin-bottom: 3.125rem;
  }
}
/* line 3344, sass/component/_share_template.scss */
.bgitem__linkw {
  display: block;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 3349, sass/component/_share_template.scss */
.bgitem__linkw:hover, .bgitem__linkw:focus {
  -webkit-transform: translate3d(0, -0.5em, 0);
  transform: translate3d(0, -0.5em, 0);
}
/* line 3353, sass/component/_share_template.scss */
.bgitem__linkw:hover .bgitem__img-w, .bgitem__linkw:focus .bgitem__img-w {
  -webkit-transform: translate3d(0.75em, -0.75em, 0);
  transform: translate3d(0.75em, -0.75em, 0);
}
/* line 3356, sass/component/_share_template.scss */
.bgitem__linkw:hover .bgitem__img-w:before, .bgitem__linkw:focus .bgitem__img-w:before {
  -webkit-transform: translate3d(-0.75em, 0.75em, 0);
  transform: translate3d(-0.75em, 0.75em, 0);
  background-color: #dcd9ec;
  -webkit-box-shadow: 1.1em -1.1em 0.3em rgba(0, 0, 0, 0.1);
  box-shadow: 1.1em -1.1em 0.3em rgba(0, 0, 0, 0.1);
}
/* line 3364, sass/component/_share_template.scss */
.bgitem__linkw:hover .bgitem__img, .bgitem__linkw:focus .bgitem__img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 3370, sass/component/_share_template.scss */
.bgitem__img-w {
  position: relative;
  z-index: 0;
  margin-bottom: 1.85em;
  padding-top: 64.59016393%;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 3370, sass/component/_share_template.scss */
  .bgitem__img-w {
    margin-bottom: 1.28571429em;
  }
}
/* line 3382, sass/component/_share_template.scss */
.bgitem__img-w:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(1.5em, -1.5em, 0);
  transform: translate3d(1.5em, -1.5em, 0);
  background-color: #d9d6e9;
}
/* line 3398, sass/component/_share_template.scss */
.bgitem__img-c {
  z-index: 1;
  overflow: hidden;
}
/* line 3406, sass/component/_share_template.scss */
.bgitem__img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 3412, sass/component/_share_template.scss */
.bgitem__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0.65em;
  color: #585858;
}
/* line 3424, sass/component/_share_template.scss */
.bgitem__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  color: #000000;
}
/* line 3435, sass/component/_share_template.scss */
.collapse-items {
  font-size: 1rem;
  padding: 1.3125em 1.3125em 1.625em;
  background-color: #ffffff;
  -webkit-box-shadow: 0em -0.0625em 1.625em rgba(12, 12, 12, 0.1);
  box-shadow: 0em -0.0625em 1.625em rgba(12, 12, 12, 0.1);
}
@media screen and (max-width: 991px) {
  /* line 3435, sass/component/_share_template.scss */
  .collapse-items {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 3435, sass/component/_share_template.scss */
  .collapse-items {
    font-size: 0.75rem;
  }
}
/* line 3450, sass/component/_share_template.scss */
.collapse-items__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: flex-wrap;
  flex-wrap: flex-wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  /* line 3450, sass/component/_share_template.scss */
  .collapse-items__cont {
    display: block;
  }
}
/* line 3460, sass/component/_share_template.scss */
.collapse-items__col {
  width: 49.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 3460, sass/component/_share_template.scss */
  .collapse-items__col {
    width: 100%;
  }
}
/* line 3469, sass/component/_share_template.scss */
.collapse-items__wrap {
  margin-bottom: 0.375em;
}
/* line 3473, sass/component/_share_template.scss */
.collapse-items__elm {
  font-weight: 500;
  position: relative;
  display: block;
  width: 100%;
  padding: 0.6875em 0.9375em 0.625em 2.25em;
  -webkit-transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #F2F2F2;
}
/* line 3487, sass/component/_share_template.scss */
.collapse-items__elm:before {
  position: absolute;
  top: 1.1875em;
  left: 1.25em;
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 50%;
  background-color: #8E98A9;
}
@media screen and (max-width: 767px) {
  /* line 3487, sass/component/_share_template.scss */
  .collapse-items__elm:before {
    top: 1.08333333em;
    width: 4px;
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 3473, sass/component/_share_template.scss */
  .collapse-items__elm {
    padding: 0.58333333em 1.25em 0.58333333em 2.08333333em;
  }
}
/* line 3510, sass/component/_share_template.scss */
.collapse-items__elm[href] {
  color: #000000;
}
/* line 3514, sass/component/_share_template.scss */
.collapse-items__elm[aria-expanded="true"], .collapse-items__elm:hover, .collapse-items__elm:focus {
  color: #082D00 !important;
  background-color: #9DDE9D;
}
/* line 3520, sass/component/_share_template.scss */
.collapse-items__elm[aria-expanded="true"]:before, .collapse-items__elm:hover:before, .collapse-items__elm:focus:before {
  background-color: #082D00;
}
/* line 3526, sass/component/_share_template.scss */
.collapse-items__collapse {
  background-color: #DAF1E1;
}
/* line 3530, sass/component/_share_template.scss */
.collapse-items__body {
  font-size: 0.9375em;
  padding: 0.93333333em 1em;
}
@media screen and (max-width: 767px) {
  /* line 3530, sass/component/_share_template.scss */
  .collapse-items__body {
    font-size: 1.04166667em;
    padding: 0.8em 1.2em;
  }
}
/* line 3543, sass/component/_share_template.scss */
.gps-title {
  font-size: 1em;
  margin: 0em 0em 1.625em 0em;
}
/* line 3547, sass/component/_share_template.scss */
.gps-title__text {
  font-size: 2em;
  font-weight: 700;
}
@media screen and (max-width: 1199px) {
  /* line 3547, sass/component/_share_template.scss */
  .gps-title__text {
    font-size: 1.625em;
  }
}
@media screen and (max-width: 767px) {
  /* line 3547, sass/component/_share_template.scss */
  .gps-title__text {
    font-size: 1.5em;
  }
}
/* line 3558, sass/component/_share_template.scss */
.gps-title--top {
  margin-top: 3.9375em;
}
@media screen and (max-width: 767px) {
  /* line 3558, sass/component/_share_template.scss */
  .gps-title--top {
    margin-top: 2em;
  }
}
/* line 3565, sass/component/_share_template.scss */
.gps-title--bot {
  margin-bottom: 2.5625em;
}
@media screen and (max-width: 767px) {
  /* line 3565, sass/component/_share_template.scss */
  .gps-title--bot {
    margin-bottom: 1.5625em;
  }
}
/* line 3573, sass/component/_share_template.scss */
.cat-tag {
  font-size: 1rem;
  margin-top: 3em;
  padding-bottom: 0.9375em;
  border-bottom: 2px solid #f1f2f6;
}
@media screen and (max-width: 1199px) {
  /* line 3573, sass/component/_share_template.scss */
  .cat-tag {
    font-size: 0.875rem;
  }
}
/* line 3583, sass/component/_share_template.scss */
.cat-tag__row {
  font-size: 1.125em;
  margin-bottom: 1.125em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 3588, sass/component/_share_template.scss */
.cat-tag__row:last-child {
  margin-bottom: 0;
}
/* line 3593, sass/component/_share_template.scss */
.cat-tag .tag {
  font-weight: 500;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: -0.1875em;
}
@media screen and (max-width: 991px) {
  /* line 3593, sass/component/_share_template.scss */
  .cat-tag .tag {
    margin-top: 0.125em;
  }
}
/* line 3603, sass/component/_share_template.scss */
.cat-tag__title {
  font-weight: 600;
  color: #621c65;
  margin-right: 0.78571429em;
}
/* line 3609, sass/component/_share_template.scss */
.cat-tag__tag {
  font-size: 0.77777778em;
  margin-right: 0.78571429em;
  font-weight: 500;
  color: #000000;
  padding: 0.28571429em 1em 0.35714286em 1em;
  background-color: #f1f2f6;
  border-radius: 1.14285714em;
  white-space: nowrap;
  margin-bottom: 0.71428571em;
}
/* line 1, sass/component/_video_player.scss */
video {
  width: 100%;
}
/* line 5, sass/component/_video_player.scss */
.no-js video {
  opacity: 0;
}
@media screen and (max-width: 767px) {
  /* line 9, sass/component/_video_player.scss */
  .page-video {
    margin-top: -4.375rem;
  }
}
/* line 15, sass/component/_video_player.scss */
.plyr {
  height: 100%;
  margin: 0 0 1.0625rem;
  cursor: pointer;
}
/* line 23, sass/component/_video_player.scss */
.plyr:hover .plyr__control--overlaid:before, .plyr:hover .plyr__control--overlaid:after {
  text-shadow: 1px 2px 40px rgba(0, 0, 0, 0.4);
}
/* line 28, sass/component/_video_player.scss */
.plyr:hover .plyr__control--overlaid:before {
  color: #732b76;
}
/* line 34, sass/component/_video_player.scss */
.plyr__video-wrapper {
  height: 100%;
}
/* line 37, sass/component/_video_player.scss */
.plyr__video-wrapper video {
  height: 100%;
}
/* line 44, sass/component/_video_player.scss */
.plyr__control--overlaid {
  display: block;
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 54, sass/component/_video_player.scss */
.plyr__control--overlaid svg {
  display: none;
}
/* line 58, sass/component/_video_player.scss */
.plyr__control--overlaid:before, .plyr__control--overlaid:after {
  font-family: icomoon;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  font-size: 8.375rem;
  display: block;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1439px) {
  /* line 58, sass/component/_video_player.scss */
  .plyr__control--overlaid:before, .plyr__control--overlaid:after {
    font-size: 6.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 58, sass/component/_video_player.scss */
  .plyr__control--overlaid:before, .plyr__control--overlaid:after {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 58, sass/component/_video_player.scss */
  .plyr__control--overlaid:before, .plyr__control--overlaid:after {
    font-size: 3.125rem;
  }
}
/* line 79, sass/component/_video_player.scss */
.video--sm .plyr__control--overlaid:before, .video--sm .plyr__control--overlaid:after {
  font-size: 6.875rem;
}
@media screen and (max-width: 1439px) {
  /* line 79, sass/component/_video_player.scss */
  .video--sm .plyr__control--overlaid:before, .video--sm .plyr__control--overlaid:after {
    font-size: 5.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 79, sass/component/_video_player.scss */
  .video--sm .plyr__control--overlaid:before, .video--sm .plyr__control--overlaid:after {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 79, sass/component/_video_player.scss */
  .video--sm .plyr__control--overlaid:before, .video--sm .plyr__control--overlaid:after {
    font-size: 3.125rem;
  }
}
/* line 92, sass/component/_video_player.scss */
.video--xs .plyr__control--overlaid:before, .video--xs .plyr__control--overlaid:after {
  font-size: 4.375rem;
}
@media screen and (max-width: 767px) {
  /* line 92, sass/component/_video_player.scss */
  .video--xs .plyr__control--overlaid:before, .video--xs .plyr__control--overlaid:after {
    font-size: 3.125rem;
  }
}
/* line 100, sass/component/_video_player.scss */
.plyr__control--overlaid:before {
  z-index: 1;
  content: "\e901";
  color: rgba(0, 0, 0, 0.7);
  text-shadow: 1px 2px 0.37313433em rgba(0, 0, 0, 0.4);
}
/* line 109, sass/component/_video_player.scss */
.plyr__control--overlaid:after {
  z-index: 2;
  content: "\e959";
  color: #FFF;
}
/* line 117, sass/component/_video_player.scss */
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  background: none;
}
/* line 121, sass/component/_video_player.scss */
.plyr__control--overlaid:hover:before, .plyr__control--overlaid:focus:before {
  text-shadow: 1px 2px 0.37313433em rgba(50, 50, 50, 0.2);
}
/* line 128, sass/component/_video_player.scss */
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.plyr--video .plyr__controls .plyr__control:hover,
.plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
  background: #732b76;
}
/* line 134, sass/component/_video_player.scss */
.plyr--full-ui input[type=range] {
  color: #732b76;
}
/* line 1, sass/component/_ol.scss */
.map:-moz-full-screen {
  height: 100%;
}
/* line 4, sass/component/_ol.scss */
.map:-webkit-full-screen {
  height: 100%;
}
/* line 7, sass/component/_ol.scss */
.map:-ms-fullscreen {
  height: 100%;
}
/* line 10, sass/component/_ol.scss */
.map:-webkit-full-screen {
  height: 100%;
}
.map:-ms-fullscreen {
  height: 100%;
}
.map:fullscreen {
  height: 100%;
}
/* line 13, sass/component/_ol.scss */
.ol-rotate {
  top: 3em;
}
/* line 17, sass/component/_ol.scss */
.ol-control {
  padding: 3px 1px;
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 22, sass/component/_ol.scss */
.ol-control:hover, .ol-control:focus {
  background-color: rgba(0, 0, 0, 0.2);
}
/* line 27, sass/component/_ol.scss */
.ol-control button,
.ol-control button:hover,
.ol-control button:focus {
  color: #000000;
  background-color: #ffffff;
}
/* line 35, sass/component/_ol.scss */
.ol-zoom,
.ol-reset,
.ol-scale-line,
.ol-attribution {
  z-index: 1000;
}
/* line 42, sass/component/_ol.scss */
.ol-zoom {
  left: .5em;
}
/* line 45, sass/component/_ol.scss */
.ogdirection .ol-zoom {
  right: .5em;
  left: auto;
}
/* line 51, sass/component/_ol.scss */
.ol-reset {
  top: 5em;
  right: .5em;
}
/* line 55, sass/component/_ol.scss */
.touchevents .ol-reset {
  font-size: 1.316em;
  top: 4.1em;
  left: .4em;
}
/* line 63, sass/component/_ol.scss */
.ol-viewport {
  z-index: 0;
  background-color: #94C1E0;
}
/* line 69, sass/component/_ol.scss */
.ol-attribution {
  right: 0;
  bottom: 0;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.75) !important;
}
/* line 76, sass/component/_ol.scss */
.ol-attribution a {
  color: #732b76;
}
/* line 80, sass/component/_ol.scss */
.ol-attribution.ol-collapsed ul {
  display: block;
}
/* line 84, sass/component/_ol.scss */
.ol-attribution button {
  display: none;
}
/* line 89, sass/component/_ol.scss */
.ol-scale-line {
  right: 108px;
  bottom: 0;
  left: auto;
  border-radius: 5px 0 0 0;
  background-color: rgba(255, 255, 255, 0.75) !important;
}
/* line 98, sass/component/_ol.scss */
.ol-scale-line-inner {
  color: #333333;
  border-color: #333333;
}
/* line 104, sass/component/_ol.scss */
.ol-selectable.ol-overlay-container {
  z-index: 999;
}
/* line 107, sass/component/_ol.scss */
.ol-selectable.ol-overlay-container:hover {
  z-index: 1000;
}
/* line 112, sass/component/_ol.scss */
.map {
  position: relative;
}
/* line 116, sass/component/_ol.scss */
.js-ol-marker {
  position: relative;
  display: block;
  width: 1.625em;
  height: 2.3125em;
  margin: -1.625em 0 0 -0.40625em;
  cursor: pointer;
  -webkit-transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/icon_marker-sm.png") center center no-repeat;
  background-size: contain;
}
/* line 132, sass/component/_ol.scss */
.js-ol-marker__name {
  font-size: 0.8125em;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  visibility: hidden;
  padding: 0.3125rem 0.5rem;
  -webkit-transition: all .25s;
  transition: all .25s;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
  opacity: 0;
  border-radius: 3px;
  background-color: #ffffff;
}
/* line 153, sass/component/_ol.scss */
.js-ol-marker:hover {
  z-index: 4;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/icon_marker-sm--hover.png");
}
/* line 158, sass/component/_ol.scss */
.js-ol-marker:hover:before {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* line 169, sass/component/_ol.scss */
.js-ol-marker--active {
  z-index: 80;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/icon_marker-sm--green.png") !important;
}
/* line 174, sass/component/_ol.scss */
.js-ol-marker--active:before {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* line 178, sass/component/_ol.scss */
.js-ol-marker--active .js-ol-marker__name {
  visibility: visible;
  opacity: 1;
  color: #000000;
}
/* line 186, sass/component/_ol.scss */
.js-ol-marker--hide {
  visibility: hidden;
  opacity: 0;
}
/* line 325, sass/component/_ol.scss */
.map-default-trigger {
  position: absolute;
  z-index: 12;
  bottom: 1em;
  left: 1em;
  visibility: hidden;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  opacity: 0;
}
/* line 338, sass/component/_ol.scss */
.js-ol-clicked-data .map-default-trigger {
  visibility: visible;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* line 1, sass/component/_calendar.scss */
.calendar {
  font-size: 1.125rem;
  margin-bottom: 1.66666667em;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/component/_calendar.scss */
  .calendar {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/component/_calendar.scss */
  .calendar {
    font-size: 0.875rem;
  }
}
/* line 12, sass/component/_calendar.scss */
.calendar__inner {
  padding: 8.23244552% 4.84261501%;
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 12, sass/component/_calendar.scss */
  .calendar__inner {
    padding: 4.84261501%;
  }
}
/* line 21, sass/component/_calendar.scss */
.calendar__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/* line 27, sass/component/_calendar.scss */
.calendar__controls-item-1 {
  width: 36.72922252%;
}
@media screen and (max-width: 1199px) {
  /* line 27, sass/component/_calendar.scss */
  .calendar__controls-item-1 {
    width: 30%;
  }
}
/* line 33, sass/component/_calendar.scss */
.calendar__controls-item-2 {
  width: 30.02680965%;
}
@media screen and (max-width: 1199px) {
  /* line 33, sass/component/_calendar.scss */
  .calendar__controls-item-2 {
    width: 30%;
  }
}
/* line 39, sass/component/_calendar.scss */
.calendar__controls-item-3 {
  width: 22.78820375%;
}
@media screen and (max-width: 1199px) {
  /* line 39, sass/component/_calendar.scss */
  .calendar__controls-item-3 {
    width: 30%;
  }
}
/* line 53, sass/component/_calendar.scss */
.calendar__weekname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.27777778em;
}
/* line 58, sass/component/_calendar.scss */
.calendar__weekname-item {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  width: 14.28571429%;
  text-align: center;
  text-transform: uppercase;
  color: #5F5F5F;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1439px) {
  /* line 58, sass/component/_calendar.scss */
  .calendar__weekname-item {
    font-size: 0.875em;
  }
}
/* line 78, sass/component/_calendar.scss */
.calendar__month {
  margin-bottom: 1.38888889em;
}
/* line 82, sass/component/_calendar.scss */
.calendar__week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 86, sass/component/_calendar.scss */
.calendar__day {
  line-height: 1.2;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.88888889em;
  height: 2.88888889em;
  padding: 0.22222222em;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 103, sass/component/_calendar.scss */
.calendar__day-text {
  font-size: 1em;
  font-weight: 600;
  display: block;
  color: #000000;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 114, sass/component/_calendar.scss */
.calendar__day--today {
  border: 2px solid #940078;
}
/* line 119, sass/component/_calendar.scss */
.calendar__day--link:hover, .calendar__day--link:focus {
  background-color: #dcd9ec;
}
/* line 125, sass/component/_calendar.scss */
.calendar__day--active {
  background-color: #f4f5f9;
}
/* line 130, sass/component/_calendar.scss */
.calendar__remarks {
  margin-right: -1.66666667em;
}
/* line 133, sass/component/_calendar.scss */
.calendar__remarks-item {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.77777778em;
  font-weight: 600;
  position: relative;
  margin-right: 2.14285714em;
  margin-bottom: 0.57142857em;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 133, sass/component/_calendar.scss */
  .calendar__remarks-item {
    margin-right: 0.9375rem;
  }
}
/* line 151, sass/component/_calendar.scss */
.calendar__remarks-item--square {
  padding-left: 2em;
}
@media screen and (max-width: 1199px) {
  /* line 151, sass/component/_calendar.scss */
  .calendar__remarks-item--square {
    padding-left: 1.25rem;
  }
}
/* line 157, sass/component/_calendar.scss */
.calendar__remarks-item--square:before {
  position: absolute;
  top: 0.07142857em;
  left: 0;
  width: 18px;
  height: 18px;
  content: "";
  border: 2px solid #940078;
}
@media screen and (max-width: 1439px) {
  /* line 157, sass/component/_calendar.scss */
  .calendar__remarks-item--square:before {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 157, sass/component/_calendar.scss */
  .calendar__remarks-item--square:before {
    width: 13px;
    height: 13px;
  }
}
/* line 179, sass/component/_calendar.scss */
.calendar__remarks-item--dot {
  padding-left: 1.07142857em;
}
/* line 182, sass/component/_calendar.scss */
.calendar__remarks-item--dot:before {
  position: absolute;
  top: 0.42857143em;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
}
@media screen and (max-width: 1439px) {
  /* line 182, sass/component/_calendar.scss */
  .calendar__remarks-item--dot:before {
    width: 6px;
    height: 6px;
  }
}
/* line 200, sass/component/_calendar.scss */
.calendar__remarks-item--dot-green:before {
  background-color: #168946;
}
/* line 205, sass/component/_calendar.scss */
.calendar__remarks-item--dot-purple:before {
  background-color: #732b76;
}
/* line 210, sass/component/_calendar.scss */
.calendar__remarks-item--dot-red:before {
  background-color: #CB0144;
}
/* line 215, sass/component/_calendar.scss */
.calendar__remarks-item--dot-blue:before {
  background-color: #1b4cc3;
}
/* line 220, sass/component/_calendar.scss */
.calendar__remarks-item--dot-org:before {
  background-color: #D24900;
}
/* line 229, sass/component/_calendar.scss */
.dot-grp {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 236, sass/component/_calendar.scss */
.dot {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 0;
  line-height: 6px;
  width: 6px;
  height: 6px;
  margin: 0 0.125rem;
  vertical-align: middle;
  border-radius: 50%;
}
@media screen and (max-width: 1439px) {
  /* line 236, sass/component/_calendar.scss */
  .dot {
    line-height: 4px;
    width: 4px;
    height: 4px;
    margin: 0 1px;
  }
}
/* line 257, sass/component/_calendar.scss */
.dot--xs {
  line-height: 5px;
  width: 5px;
  height: 5px;
}
@media screen and (max-width: 1439px) {
  /* line 257, sass/component/_calendar.scss */
  .dot--xs {
    line-height: 3px;
    width: 3px;
    height: 3px;
  }
}
/* line 270, sass/component/_calendar.scss */
.dot--green {
  background-color: #168946;
}
/* line 273, sass/component/_calendar.scss */
.dot--purple {
  background-color: #732b76;
}
/* line 276, sass/component/_calendar.scss */
.dot--red {
  background-color: #CB0144;
}
/* line 279, sass/component/_calendar.scss */
.dot--blue {
  background-color: #1b4cc3;
}
/* line 282, sass/component/_calendar.scss */
.dot--org {
  background-color: #D24900;
}
/* line 2, sass/component/_ui_slider.scss */
.ui-slider.ui-slider-horizontal {
  height: 0;
  border-bottom: 1px dashed #D7D7D7;
  border-radius: 0;
  background-color: transparent;
}
/* line 9, sass/component/_ui_slider.scss */
.ui-slider.ui-slider-horizontal:before, .ui-slider.ui-slider-horizontal:after {
  position: absolute;
  z-index: 1;
  top: -2px;
  width: 5px !important;
  height: 5px;
  content: "";
  border-radius: 50%;
  background-color: #D7D7D7;
}
/* line 24, sass/component/_ui_slider.scss */
.ui-slider.ui-slider-horizontal:before {
  left: -2px;
}
/* line 28, sass/component/_ui_slider.scss */
.ui-slider.ui-slider-horizontal:after {
  right: -2px;
}
/* line 33, sass/component/_ui_slider.scss */
.ui-slider .ui-slider-range-max {
  border: none;
  border-radius: 0;
  background-color: transparent;
}
/* line 39, sass/component/_ui_slider.scss */
.ui-slider .ui-slider-handle {
  top: -1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  margin-left: -1.875rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #444;
  border: none;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.17);
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.17);
}
@media screen and (max-width: 1199px) {
  /* line 39, sass/component/_ui_slider.scss */
  .ui-slider .ui-slider-handle {
    top: -1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: -1.25rem;
  }
}
/* line 66, sass/component/_ui_slider.scss */
.ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle:focus {
  color: #732b76;
  -webkit-box-shadow: 0 2px 6px 2px rgba(115, 43, 118, 0.3);
  box-shadow: 0 2px 6px 2px rgba(115, 43, 118, 0.3);
}
/* line 71, sass/component/_ui_slider.scss */
.ui-slider .ui-slider-handle:active {
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);
}
/* line 75, sass/component/_ui_slider.scss */
.ui-slider .ui-slider-handle:before {
  font-family: icomoon;
  font-size: 1.3125rem;
  font-weight: 700 !important;
  content: "\e939";
  text-indent: 0.19047619em;
}
@media screen and (max-width: 1199px) {
  /* line 75, sass/component/_ui_slider.scss */
  .ui-slider .ui-slider-handle:before {
    font-size: 1rem;
  }
}
/* line 1, sass/section/_header.scss */
.page-head {
  position: relative;
  z-index: 100;
}
/* line 6, sass/section/_header.scss */
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
@media screen and (max-width: 991px) {
  /* line 6, sass/section/_header.scss */
  .header {
    height: 62px;
  }
}
@media screen and (max-width: 767px) {
  /* line 6, sass/section/_header.scss */
  .header {
    height: 58px;
  }
}
/* line 19, sass/section/_header.scss */
.header:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  content: "";
  opacity: 0;
  background-color: #ffffff;
}
/* line 34, sass/section/_header.scss */
.inner .header:before,
.header-inverted .header:before,
.header-inverted--menu .header:before,
.mb-menu-opened .header:before {
  visibility: visible;
  opacity: 1;
}
/* line 44, sass/section/_header.scss */
.header:after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1), visibility 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: none;
  opacity: 1;
  -webkit-box-shadow: 0 -3px 28px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -3px 28px 5px rgba(0, 0, 0, 0.1);
}
/* line 60, sass/section/_header.scss */
.home .header:after {
  opacity: .8;
  background: -webkit-gradient(linear, left top, left bottom, from(black), color-stop(25%, rgba(0, 0, 0, 0.9)), color-stop(60%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.9) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%);
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 66, sass/section/_header.scss */
.header-inverted .header:after,
.header-inverted--menu .header:after,
.mb-menu-opened .header:after {
  opacity: 1;
  background: none;
  -webkit-box-shadow: 0 -3px 28px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -3px 28px 5px rgba(0, 0, 0, 0.1);
}
/* line 76, sass/section/_header.scss */
.scrolling-down .header-rollout .header {
  -webkit-animation: slideOutUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slideOutUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 80, sass/section/_header.scss */
.scrolling-up .header-rollin .header {
  -webkit-animation: slideInDown 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slideInDown 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 84, sass/section/_header.scss */
.nav-fixed .header {
  -webkit-animation: slideOutUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
  animation: slideOutUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}
@media screen and (max-width: 991px) {
  /* line 6, sass/section/_header.scss */
  .header {
    -webkit-animation: none !important;
    animation: none !important;
  }
}
@media screen and (max-width: 1439px) {
  /* line 92, sass/section/_header.scss */
  .header > .container {
    max-width: none;
  }
}
@media screen and (max-width: 991px) {
  /* line 92, sass/section/_header.scss */
  .header > .container {
    padding-right: 0;
    padding-left: 0;
  }
}
/* line 102, sass/section/_header.scss */
.header__wrap {
  display: table;
  width: 100%;
}
@media screen and (max-width: 991px) {
  /* line 102, sass/section/_header.scss */
  .header__wrap {
    display: block;
  }
}
/* line 111, sass/section/_header.scss */
.header__child {
  display: table-cell;
  vertical-align: top;
}
/* line 116, sass/section/_header.scss */
.header__child--left {
  padding: 2rem 0;
}
@media screen and (max-width: 991px) {
  /* line 116, sass/section/_header.scss */
  .header__child--left {
    display: inline-block;
    padding: 0.6875rem 0 0 1.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 116, sass/section/_header.scss */
  .header__child--left {
    padding: 0.5625rem 0 0 0.9375rem;
  }
}
/* line 128, sass/section/_header.scss */
.header__child--right {
  padding: 2.5rem 0 0;
}
@media screen and (max-width: 991px) {
  /* line 128, sass/section/_header.scss */
  .header__child--right {
    float: right;
    padding: 0;
  }
}
@media screen and (max-width: 991px) {
  /* line 138, sass/section/_header.scss */
  .header__top {
    display: inline-block;
    vertical-align: top;
  }
}
/* line 147, sass/section/_header.scss */
.header__tools {
  font-size: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
}
@media screen and (max-width: 991px) {
  /* line 147, sass/section/_header.scss */
  .header__tools {
    display: block;
    margin-top: 1.3125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 147, sass/section/_header.scss */
  .header__tools {
    margin-top: 1.125rem;
  }
}
/* line 161, sass/section/_header.scss */
.header__tools-item {
  margin-left: 1.33333333em;
  color: #ffffff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 169, sass/section/_header.scss */
.header__tools-item:hover, .header__tools-item:focus {
  color: #732b76;
}
/* line 174, sass/section/_header.scss */
.header__tools-item:hover, .header__tools-item:focus {
  color: #ffffff;
}
/* line 180, sass/section/_header.scss */
.inner .header__tools-item,
.header-inverted .header__tools-item,
.header-inverted--menu .header__tools-item,
.mb-menu-opened .header__tools-item {
  color: #585858;
}
/* line 186, sass/section/_header.scss */
.inner .header__tools-item:hover, .inner .header__tools-item:focus,
.header-inverted .header__tools-item:hover,
.header-inverted .header__tools-item:focus,
.header-inverted--menu .header__tools-item:hover,
.header-inverted--menu .header__tools-item:focus,
.mb-menu-opened .header__tools-item:hover,
.mb-menu-opened .header__tools-item:focus {
  color: #732b76 !important;
}
/* line 193, sass/section/_header.scss */
.header__tools-user {
  font-weight: 600;
  position: relative;
  margin-left: 1.33333333em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 207, sass/section/_header.scss */
.header__tools-user:hover, .header__tools-user:focus {
  color: #ffffff;
  text-shadow: 0 0 3px rgba(115, 43, 118, 0.3);
}
/* line 212, sass/section/_header.scss */
.header__tools-user:hover .path1:before, .header__tools-user:focus .path1:before {
  color: #612364 !important;
}
/* line 215, sass/section/_header.scss */
.header__tools-user:hover .path2:before, .header__tools-user:focus .path2:before {
  top: -1px;
}
/* line 218, sass/section/_header.scss */
.header__tools-user:hover .path3:before, .header__tools-user:focus .path3:before {
  top: -1px;
}
@media screen and (max-width: 991px) {
  /* line 193, sass/section/_header.scss */
  .header__tools-user {
    font-size: 0.625rem;
    line-height: 2.3;
    display: block;
  }
}
/* line 230, sass/section/_header.scss */
.inner .header__tools-user,
.header-inverted .header__tools-user,
.header-inverted--menu .header__tools-user,
.mb-menu-opened .header__tools-user {
  color: #000000;
}
/* line 236, sass/section/_header.scss */
.inner .header__tools-user:hover, .inner .header__tools-user:focus,
.header-inverted .header__tools-user:hover,
.header-inverted .header__tools-user:focus,
.header-inverted--menu .header__tools-user:hover,
.header-inverted--menu .header__tools-user:focus,
.mb-menu-opened .header__tools-user:hover,
.mb-menu-opened .header__tools-user:focus {
  color: #732b76 !important;
}
/* line 242, sass/section/_header.scss */
.header__tools-user .ico {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1.4em;
  margin-right: 0.47619048em;
}
@media screen and (max-width: 991px) {
  /* line 242, sass/section/_header.scss */
  .header__tools-user .ico {
    font-size: 1.4375rem;
    margin-right: 0.60869565em;
  }
}
/* line 254, sass/section/_header.scss */
.header__tools-user .ico .path1:before {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #898989;
}
/* line 259, sass/section/_header.scss */
.inner .header__tools-user .ico .path1:before,
.header-inverted .header__tools-user .ico .path1:before,
.mb-menu-opened .header__tools-user .ico .path1:before {
  color: #732b76;
}
/* line 268, sass/section/_header.scss */
.header__tools-user .ico .path2:before,
.header__tools-user .ico .path3:before {
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #F2F2F2;
}
/* line 275, sass/section/_header.scss */
.inner .header__tools-user .ico .path2:before,
.header-inverted .header__tools-user .ico .path2:before,
.header-inverted--menu .header__tools-user .ico .path2:before,
.mb-menu-opened .header__tools-user .ico .path2:before, .inner
.header__tools-user .ico .path3:before,
.header-inverted
.header__tools-user .ico .path3:before,
.header-inverted--menu
.header__tools-user .ico .path3:before,
.mb-menu-opened
.header__tools-user .ico .path3:before {
  color: #ffffff;
}
/* line 287, sass/section/_header.scss */
.header__btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.125rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 1439px) {
  /* line 287, sass/section/_header.scss */
  .header__btm {
    margin-top: 1.3125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 287, sass/section/_header.scss */
  .header__btm {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 287, sass/section/_header.scss */
  .header__btm {
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
  }
}
/* line 311, sass/section/_header.scss */
.header__search {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1.375rem;
  line-height: 1;
  margin-left: 0.68181818em;
  -webkit-transition: margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: margin 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
}
/* line 323, sass/section/_header.scss */
.header__search:hover, .header__search:focus {
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 311, sass/section/_header.scss */
  .header__search {
    font-size: 1.25rem;
    margin-left: 0.4em;
  }
}
@media screen and (max-width: 991px) {
  /* line 311, sass/section/_header.scss */
  .header__search {
    font-size: 1.125rem;
    margin-top: 1.16666667em;
    margin-left: 2.33333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 311, sass/section/_header.scss */
  .header__search {
    font-size: 1.3125rem;
    margin-top: 0.85714286em;
    margin-left: 0;
    padding: 0em 0.28571429em 0em 0.57142857em;
  }
}
/* line 346, sass/section/_header.scss */
.inner .header__search,
.header-inverted .header__search,
.header-inverted--menu .header__search,
.mb-menu-opened .header__search {
  color: #732b76;
}
/* line 352, sass/section/_header.scss */
.inner .header__search:hover, .inner .header__search:focus,
.header-inverted .header__search:hover,
.header-inverted .header__search:focus,
.header-inverted--menu .header__search:hover,
.header-inverted--menu .header__search:focus,
.mb-menu-opened .header__search:hover,
.mb-menu-opened .header__search:focus {
  color: #732b76 !important;
}
/* line 359, sass/section/_header.scss */
.header__recent-btn {
  font-size: 1.3125rem;
  padding: 0.23809524em 0.42857143em;
  -webkit-transform: translate3d(0, -2px, 0) rotate(-60deg);
  transform: translate3d(0, -2px, 0) rotate(-60deg);
  color: #ffffff;
}
/* line 368, sass/section/_header.scss */
.inner .header__recent-btn,
.header-inverted .header__recent-btn,
.header-inverted--menu .header__recent-btn,
.mb-menu-opened .header__recent-btn {
  color: #732b76;
}
/* line 374, sass/section/_header.scss */
.inner .header__recent-btn:hover, .inner .header__recent-btn:focus,
.header-inverted .header__recent-btn:hover,
.header-inverted .header__recent-btn:focus,
.header-inverted--menu .header__recent-btn:hover,
.header-inverted--menu .header__recent-btn:focus,
.mb-menu-opened .header__recent-btn:hover,
.mb-menu-opened .header__recent-btn:focus {
  color: #732b76;
}
@media screen and (min-width: 992px) {
  /* line 384, sass/section/_header.scss */
  .header:hover:before, .header:focus:before {
    visibility: visible;
    opacity: 1;
  }
  /* line 389, sass/section/_header.scss */
  .header:hover:after, .header:focus:after {
    background: none;
  }
  /* line 393, sass/section/_header.scss */
  .header:hover .header__tools-item, .header:focus .header__tools-item {
    color: #585858;
  }
  /* line 397, sass/section/_header.scss */
  .header:hover .menu__link--lv1, .header:focus .menu__link--lv1 {
    color: #000000;
  }
  /* line 401, sass/section/_header.scss */
  .header:hover .header__tools-user, .header:focus .header__tools-user {
    color: #000000;
  }
  /* line 404, sass/section/_header.scss */
  .header:hover .header__tools-user .path1:before, .header:focus .header__tools-user .path1:before {
    color: #732b76;
  }
  /* line 410, sass/section/_header.scss */
  .header:hover .header__tools-user .path2:before,
  .header:hover .header__tools-user .path3:before, .header:focus .header__tools-user .path2:before,
  .header:focus .header__tools-user .path3:before {
    color: #ffffff;
  }
  /* line 416, sass/section/_header.scss */
  .header:hover .header__search, .header:focus .header__search {
    color: #732b76;
  }
  /* line 420, sass/section/_header.scss */
  .header:hover .page-logo__img--normal, .header:focus .page-logo__img--normal {
    visibility: visible;
    opacity: 1;
  }
  /* line 426, sass/section/_header.scss */
  .header:hover .page-logo__img--inverted, .header:focus .page-logo__img--inverted {
    visibility: hidden;
    opacity: 0;
  }
}
/* line 437, sass/section/_header.scss */
.page-logo__wrap {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: auto;
  height: 4.625rem;
}
@media screen and (max-width: 991px) {
  /* line 437, sass/section/_header.scss */
  .page-logo__wrap {
    height: auto;
  }
}
/* line 450, sass/section/_header.scss */
.page-logo__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 453, sass/section/_header.scss */
.page-logo__item + .page-logo__item {
  margin-left: 0.9375rem;
}
@media all and (max-width: 1199px) {
  /* line 453, sass/section/_header.scss */
  .page-logo__item + .page-logo__item {
    margin-left: 0.625rem;
  }
}
/* line 460, sass/section/_header.scss */
.page-logo__item:last-child {
  margin-right: 1.875rem;
}
@media all and (max-width: 1199px) {
  /* line 460, sass/section/_header.scss */
  .page-logo__item:last-child {
    margin-right: 0.625rem;
  }
}
@media all and (max-width: 1069px) {
  /* line 460, sass/section/_header.scss */
  .page-logo__item:last-child {
    margin-right: 0.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 460, sass/section/_header.scss */
  .page-logo__item:last-child {
    margin-right: 0.625rem;
  }
}
/* line 474, sass/section/_header.scss */
.page-logo__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -webkit-transition: visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: visibility 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 483, sass/section/_header.scss */
.page-logo__img--normal {
  visibility: hidden;
  opacity: 0;
}
@media screen and (max-width: 991px) {
  /* line 483, sass/section/_header.scss */
  .page-logo__img--normal {
    position: static;
    height: 2.5625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 483, sass/section/_header.scss */
  .page-logo__img--normal {
    height: 2.1875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 483, sass/section/_header.scss */
  .page-logo__img--normal {
    height: 2.375rem;
  }
}
/* line 503, sass/section/_header.scss */
.inner .page-logo__img--normal,
.header-inverted .page-logo__img--normal,
.header-inverted--menu .page-logo__img--normal,
.mb-menu-opened .page-logo__img--normal {
  visibility: visible;
  opacity: 1;
}
/* line 513, sass/section/_header.scss */
.page-logo__img--inverted {
  visibility: visible;
  opacity: 1;
}
/* line 521, sass/section/_header.scss */
.inner .page-logo__img--inverted,
.header-inverted .page-logo__img--inverted,
.header-inverted--menu .page-logo__img--inverted,
.mb-menu-opened .page-logo__img--inverted {
  visibility: hidden;
  opacity: 0;
}
/* line 1, sass/section/_menu.scss */
.menu {
  position: relative;
}
/* line 4, sass/section/_menu.scss */
.menu__block {
  position: absolute;
  z-index: -1;
  top: 100%;
  right: 0;
  left: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
/* line 17, sass/section/_menu.scss */
.menu__block .menu__wrap {
  display: none;
}
/* line 21, sass/section/_menu.scss */
.is-active > .menu__block {
  visibility: visible;
  opacity: 1;
}
/* line 26, sass/section/_menu.scss */
.is-active > .menu__block .menu__wrap {
  display: block;
}
/* line 31, sass/section/_menu.scss */
.scrolling-down .header-rollout .menu__block {
  -webkit-animation: fadeOutUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeOutUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 42, sass/section/_menu.scss */
.menu__wrap {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}
/* line 49, sass/section/_menu.scss */
.menu__inner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 30px;
  max-height: 78vh;
}
/* line 64, sass/section/_menu.scss */
.is-active .menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 68, sass/section/_menu.scss */
.no-thirdlv .no-pic .menu__inner {
  width: 100%;
}
/* line 72, sass/section/_menu.scss */
.menu__inner:before, .menu__inner:after {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  width: 2000px;
  content: "";
}
/* line 89, sass/section/_menu.scss */
.menu__inner:before {
  right: 100%;
  background-color: #732b76;
}
/* line 94, sass/section/_menu.scss */
.menu__inner:after {
  left: 0;
  background-color: #561959;
}
/* line 100, sass/section/_menu.scss */
.menu__group {
  position: relative;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 100%;
}
/* line 108, sass/section/_menu.scss */
.menu__group::-webkit-scrollbar {
  width: 13px;
}
/* line 111, sass/section/_menu.scss */
.ios .menu__group::-webkit-scrollbar,
.safari .menu__group::-webkit-scrollbar {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
/* line 117, sass/section/_menu.scss */
.menu__group::-webkit-scrollbar-thumb {
  border: 4px solid #732b76;
  background: #440f46;
  border-radius: 12px;
}
/* line 123, sass/section/_menu.scss */
.menu__group::-webkit-scrollbar-track {
  border: 4px solid #732b76;
  border-radius: 12px;
}
/* line 128, sass/section/_menu.scss */
.menu__group::-webkit-scrollbar-thumb:hover {
  background: #440f46;
}
/* line 132, sass/section/_menu.scss */
.menu__group::-webkit-scrollbar-thumb:window-inactive {
  background: #440f46;
}
/* line 136, sass/section/_menu.scss */
.menu__group--lv2, .menu__group--lv3, .menu__group--lv4 {
  display: block;
}
/* line 142, sass/section/_menu.scss */
.menu__group--lv2 {
  z-index: 3;
  width: 50%;
  background-color: #732b76;
}
/* line 149, sass/section/_menu.scss */
.menu__group--lv2::-webkit-scrollbar-thumb, .menu__group--lv2::-webkit-scrollbar-track {
  border-color: #732b76;
}
/* line 154, sass/section/_menu.scss */
.no-pic .menu__group--lv2 {
  width: 25%;
}
/* line 158, sass/section/_menu.scss */
.is-active .menu__group--lv2 {
  z-index: 11;
}
/* line 167, sass/section/_menu.scss */
.menu__group--lv3 {
  z-index: 2;
  width: 23.26086957%;
}
/* line 172, sass/section/_menu.scss */
.menu__group--lv3::-webkit-scrollbar-thumb, .menu__group--lv3::-webkit-scrollbar-track {
  border-color: #601e63;
}
/* line 177, sass/section/_menu.scss */
.menu__group--lv3.is-active {
  background-color: #601e63;
}
/* line 182, sass/section/_menu.scss */
.is-active .menu__group--lv3 {
  z-index: 10;
}
/* line 186, sass/section/_menu.scss */
.no-pic .menu__group--lv3 {
  width: 25%;
}
/* line 191, sass/section/_menu.scss */
.menu__group--lv4 {
  z-index: 1;
  width: 26.73913043%;
}
/* line 196, sass/section/_menu.scss */
.menu__group--lv4::-webkit-scrollbar-thumb, .menu__group--lv4::-webkit-scrollbar-track {
  border-color: #561959;
}
/* line 201, sass/section/_menu.scss */
.no-pic .menu__group--lv4 {
  width: 50%;
}
/* line 205, sass/section/_menu.scss */
.menu__group--lv4.is-active {
  background-color: #561959;
}
/* line 209, sass/section/_menu.scss */
.menu__group--lv4.is-active:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 2000px;
  content: "";
  background-color: #561959;
}
/* line 223, sass/section/_menu.scss */
.is-active .menu__group--lv4 {
  z-index: 9;
}
/* line 227, sass/section/_menu.scss */
.menu__group--lv4 ~ .menu__group {
  display: none;
}
/* line 234, sass/section/_menu.scss */
.menu__subgrp--lv2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.3125rem 1.0625rem 3.125rem 0rem;
}
/* line 240, sass/section/_menu.scss */
.menu__subgrp--lv3, .menu__subgrp--lv4 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  padding: 2.3125rem 1.0625rem 3.5625rem;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 254, sass/section/_menu.scss */
.menu__subgrp--lv3.is-active, .menu__subgrp--lv4.is-active {
  display: block;
  -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 262, sass/section/_menu.scss */
.menu__pic {
  width: 56.46359584%;
  margin-right: 5.9435364%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 272, sass/section/_menu.scss */
.menu__pic-w {
  position: relative;
  margin-bottom: 1rem;
  background-color: #dcd9ec;
}
/* line 280, sass/section/_menu.scss */
.menu__pic-c {
  padding-top: 66.84210526%;
}
/* line 288, sass/section/_menu.scss */
.menu__pic-heading {
  font-size: 1.5625rem;
  line-height: 1.25;
  text-transform: uppercase;
  color: #ffffff;
}
/* line 298, sass/section/_menu.scss */
.menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 304, sass/section/_menu.scss */
.menu__list--lv1 {
  font-size: 1.125rem;
  display: table;
  width: 100%;
  -webkit-transition: font 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: font 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1439px) {
  /* line 304, sass/section/_menu.scss */
  .menu__list--lv1 {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 304, sass/section/_menu.scss */
  .menu__list--lv1 {
    font-size: 0.875rem;
  }
}
/* line 320, sass/section/_menu.scss */
.menu__list--lv2 {
  width: 37.59286776%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
/* line 325, sass/section/_menu.scss */
.no-pic .menu__list--lv2 {
  width: 100%;
}
/* line 336, sass/section/_menu.scss */
.menu__item--lv1 {
  line-height: 1.22222222;
  display: table-cell;
  vertical-align: middle;
}
/* line 347, sass/section/_menu.scss */
.header:hover .menu__item--lv1.is-active .menu__link--lv1,
.inner .menu__item--lv1.is-active .menu__link--lv1,
.header-inverted--menu .menu__item--lv1.is-active .menu__link--lv1,
.header-inverted .menu__item--lv1.is-active .menu__link--lv1 {
  color: #732b76;
}
/* line 353, sass/section/_menu.scss */
.menu__item--lv1.is-active .menu__link--lv1 {
  color: #ffffff;
}
/* line 359, sass/section/_menu.scss */
.menu__item--lv1.is-selected .menu__link--lv1 {
  color: #732b76;
}
/* line 365, sass/section/_menu.scss */
.menu__item--lv2, .menu__item--lv3, .menu__item--lv4 {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}
/* line 371, sass/section/_menu.scss */
.menu__item--lv2.is-selected > .menu__link, .menu__item--lv3.is-selected > .menu__link, .menu__item--lv4.is-selected > .menu__link {
  color: #ffe400;
}
/* line 378, sass/section/_menu.scss */
.menu__link {
  display: block;
}
/* line 381, sass/section/_menu.scss */
.menu__link:hover, .menu__link:focus {
  text-decoration: none;
}
/* line 386, sass/section/_menu.scss */
.menu__link--lv1 {
  font-size: 1em;
  position: relative;
  margin: 0 0.55555556em 0 0.72222222em;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 386, sass/section/_menu.scss */
  .menu__link--lv1 {
    margin: 0 0.35714286em 0 0.42857143em;
  }
}
/* line 400, sass/section/_menu.scss */
.menu__link--lv1:hover, .menu__link--lv1:focus {
  color: #000000 !important;
  outline: none !important;
}
/* line 406, sass/section/_menu.scss */
.header:hover .menu__link--lv1,
.inner .menu__link--lv1,
.header-inverted--menu .menu__link--lv1,
.header-inverted .menu__link--lv1 {
  color: #000000 !important;
}
/* line 413, sass/section/_menu.scss */
.menu__link--lv1:before {
  position: absolute;
  top: 99%;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0.16666667em;
  margin-top: 0.44444444em;
  content: "";
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background-color: #ffffff;
}
/* line 429, sass/section/_menu.scss */
.header:hover .menu__link--lv1:before,
.inner .menu__link--lv1:before,
.header-inverted--menu .menu__link--lv1:before,
.header-inverted .menu__link--lv1:before,
.is-selected .menu__link--lv1:before {
  background-color: #732b76;
}
/* line 437, sass/section/_menu.scss */
.is-active .menu__link--lv1:before,
.is-selected .menu__link--lv1:before {
  width: 100%;
}
/* line 443, sass/section/_menu.scss */
.is-active .menu__link--lv1:after {
  position: absolute;
  top: 88%;
  right: -100px;
  left: -400px;
  display: block;
  height: 44px;
  content: "";
}
/* line 457, sass/section/_menu.scss */
.menu__link--lv2, .menu__link--lv3, .menu__link--lv4 {
  font-size: 0.94444444em;
  position: relative;
  display: block;
  padding: 0.88235294em 1.47058824em 0.88235294em 0.52941176em;
  -webkit-transition: all .2s;
  transition: all .2s;
  text-align: left;
  color: #ffffff;
}
/* line 473, sass/section/_menu.scss */
.has-sub > .menu__link--lv2:after, .has-sub > .menu__link--lv3:after, .has-sub > .menu__link--lv4:after {
  font-family: icomoon;
  font-size: 1.17647059em;
  position: absolute;
  top: 0.65em;
  right: 0.25em;
  content: "";
  text-decoration: none !important;
}
/* line 486, sass/section/_menu.scss */
.menu__link--lv2:hover, .menu__link--lv2:focus, .menu__link--lv3:hover, .menu__link--lv3:focus, .menu__link--lv4:hover, .menu__link--lv4:focus {
  color: #ffe400;
}
/* line 491, sass/section/_menu.scss */
.is-active > .menu__link--lv2,
.is-hover > .menu__link--lv2, .is-active > .menu__link--lv3,
.is-hover > .menu__link--lv3, .is-active > .menu__link--lv4,
.is-hover > .menu__link--lv4 {
  text-decoration: underline;
  color: #ffe400;
}
/* line 500, sass/section/_menu.scss */
.menu__link--lv4:hover, .menu__link--lv4:focus {
  text-decoration: underline;
}
/* mobile Menu */
/* line 2, sass/section/_mb-menu.scss */
.mb-tools {
  margin-bottom: 0;
  padding-left: 0;
}
/* line 7, sass/section/_mb-menu.scss */
.mb-menu-toggle {
  position: relative;
  z-index: 10001;
  display: block;
  overflow: hidden;
  width: 62px;
  height: 62px;
  padding: 25px 20px 24px;
  border-radius: 0;
  outline: 0 !important;
}
/* line 21, sass/section/_mb-menu.scss */
.header-inverted .mb-menu-toggle {
  background-color: transparent;
}
/* line 25, sass/section/_mb-menu.scss */
.mb-menu-opened .mb-menu-toggle {
  background-color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 7, sass/section/_mb-menu.scss */
  .mb-menu-toggle {
    width: 58px;
    height: 58px;
    padding: 19px 15px 19px;
  }
}
/* line 35, sass/section/_mb-menu.scss */
.mb-menu-toggle__box {
  position: relative;
  display: block;
  width: 22px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  /* line 35, sass/section/_mb-menu.scss */
  .mb-menu-toggle__box {
    width: 30px;
    height: 18px;
  }
}
/* line 48, sass/section/_mb-menu.scss */
.mb-menu-toggle__hamb {
  top: 0;
}
/* line 51, sass/section/_mb-menu.scss */
.mb-menu-toggle__hamb:before {
  top: 6px;
}
@media screen and (max-width: 767px) {
  /* line 51, sass/section/_mb-menu.scss */
  .mb-menu-toggle__hamb:before {
    top: 8px;
  }
}
/* line 58, sass/section/_mb-menu.scss */
.mb-menu-toggle__hamb:after {
  top: 12px;
}
@media screen and (max-width: 767px) {
  /* line 58, sass/section/_mb-menu.scss */
  .mb-menu-toggle__hamb:after {
    top: 16px;
  }
}
/* line 65, sass/section/_mb-menu.scss */
.mb-menu-toggle__hamb, .mb-menu-toggle__hamb:before, .mb-menu-toggle__hamb:after {
  position: absolute;
  z-index: 100;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: "";
  -webkit-transition: background-color 0.35s cubic-bezier(0.6, -0.4, 0.3, 1.4), -webkit-transform 0.1s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: background-color 0.35s cubic-bezier(0.6, -0.4, 0.3, 1.4), -webkit-transform 0.1s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: background-color 0.35s cubic-bezier(0.6, -0.4, 0.3, 1.4), transform 0.1s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: background-color 0.35s cubic-bezier(0.6, -0.4, 0.3, 1.4), transform 0.1s cubic-bezier(0.6, -0.4, 0.3, 1.4), -webkit-transform 0.1s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  border-radius: 2px;
  background-color: #ffffff;
}
/* line 83, sass/section/_mb-menu.scss */
.inner .mb-menu-toggle__hamb, .inner .mb-menu-toggle__hamb:before, .inner .mb-menu-toggle__hamb:after {
  background-color: #732b76;
}
/* line 87, sass/section/_mb-menu.scss */
.header-inverted .mb-menu-toggle__hamb, .header-inverted .mb-menu-toggle__hamb:before, .header-inverted .mb-menu-toggle__hamb:after {
  background-color: #732b76;
}
/* line 92, sass/section/_mb-menu.scss */
.mb-menu-opened .mb-menu-toggle__hamb {
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition-timing-function: cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: translate(0, 4px) rotate(135deg);
  -ms-transform: translate(0, 4px) rotate(135deg);
  transform: translate(0, 4px) rotate(135deg);
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 92, sass/section/_mb-menu.scss */
  .mb-menu-opened .mb-menu-toggle__hamb {
    -webkit-transform: translate(0, 8px) rotate(135deg);
    -ms-transform: translate(0, 8px) rotate(135deg);
    transform: translate(0, 8px) rotate(135deg);
  }
}
/* line 103, sass/section/_mb-menu.scss */
.mb-menu-opened .mb-menu-toggle__hamb:before {
  -webkit-transition: opacity .1s ease-in-out .25s;
  transition: opacity .1s ease-in-out .25s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  opacity: 0;
  background-color: #ffffff;
}
/* line 111, sass/section/_mb-menu.scss */
.mb-menu-opened .mb-menu-toggle__hamb:after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: -webkit-transform 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: transform 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: transform 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4), -webkit-transform 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transform: translate(0, -12px) rotate(-270deg);
  -ms-transform: translate(0, -12px) rotate(-270deg);
  transform: translate(0, -12px) rotate(-270deg);
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 111, sass/section/_mb-menu.scss */
  .mb-menu-opened .mb-menu-toggle__hamb:after {
    -webkit-transform: translate(0, -16px) rotate(-270deg);
    -ms-transform: translate(0, -16px) rotate(-270deg);
    transform: translate(0, -16px) rotate(-270deg);
  }
}
/* line 126, sass/section/_mb-menu.scss */
.mb-panel {
  will-change: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  position: fixed;
  z-index: 10000;
  top: 62px;
  right: 0;
  width: 268px;
  height: calc(100% - 62px);
  -webkit-transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0, 1px);
  transform: translate3d(100%, 0, 1px);
  background-color: rgba(115, 43, 118, 0.4);
  backface-visibility: hidden;
}
@media screen and (max-width: 767px) {
  /* line 126, sass/section/_mb-menu.scss */
  .mb-panel {
    top: 58px;
    width: 83.125%;
    height: calc(100% - 58px);
  }
}
/* line 151, sass/section/_mb-menu.scss */
.ie9 .mb-panel {
  right: -100%;
}
/* line 155, sass/section/_mb-menu.scss */
.mb-menu-opened .mb-panel {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background-color: #732b76;
  -webkit-box-shadow: 0 0 4px rgba(12, 12, 12, 0.2);
  box-shadow: 0 0 4px rgba(12, 12, 12, 0.2);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 163, sass/section/_mb-menu.scss */
.ie9 .mb-menu-opened .mb-panel {
  right: 0;
}
/* line 168, sass/section/_mb-menu.scss */
.mb-panel__inner {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 179, sass/section/_mb-menu.scss */
.mb-panel .search-form {
  clear: both;
  margin: 0 0.9375rem 0.9375rem;
}
/* line 184, sass/section/_mb-menu.scss */
.mb-panel .search-form__box {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
/* line 191, sass/section/_mb-menu.scss */
.mb-panel a {
  text-decoration: none;
}
/* line 197, sass/section/_mb-menu.scss */
.mb-menu {
  margin-bottom: 0.625rem;
}
/* line 200, sass/section/_mb-menu.scss */
.mb-menu__wrap {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: .6;
  background-color: #68266b;
}
/* line 214, sass/section/_mb-menu.scss */
.is-expanded > .mb-menu__wrap {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv1 {
  background-color: #732b76;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv2 {
  background-color: #68266b;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv3 {
  background-color: #621c65;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv4 {
  background-color: #5b1f5d;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv5 {
  background-color: #561959;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv6 {
  background-color: #4c194e;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv7 {
  background-color: #4c194e;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv8 {
  background-color: #4c194e;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv9 {
  background-color: #4c194e;
}
/* line 229, sass/section/_mb-menu.scss */
.mb-menu__wrap--lv10 {
  background-color: #4c194e;
}
/* line 235, sass/section/_mb-menu.scss */
.mb-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 241, sass/section/_mb-menu.scss */
.mb-menu__list--lv1 {
  z-index: 1;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv2 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv3 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv4 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv5 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv6 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv7 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv8 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv9 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 246, sass/section/_mb-menu.scss */
.mb-menu__list--lv10 {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 6.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}
/* line 260, sass/section/_mb-menu.scss */
.mb-menu__item--lv1 {
  padding: 0rem 0.5625rem;
}
/* line 264, sass/section/_mb-menu.scss */
.mb-menu__item--parent {
  padding: 0rem 0.5625rem;
}
/* line 275, sass/section/_mb-menu.scss */
.mb-menu__back {
  background-color: #732b76;
}
/* line 279, sass/section/_mb-menu.scss */
.mb-menu__link {
  position: relative;
  display: block;
  color: #ffffff;
}
/* line 286, sass/section/_mb-menu.scss */
.is-active > .mb-menu__link,
.is-selected > .mb-menu__link, .mb-menu__link:hover, .mb-menu__link:focus {
  color: #ffe400;
}
/* line 293, sass/section/_mb-menu.scss */
.mb-menu__link:before {
  font-family: icomoon;
  position: absolute;
}
/* line 299, sass/section/_mb-menu.scss */
.mb-menu__link .mb-menu__expand {
  font-family: icomoon;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
}
/* line 309, sass/section/_mb-menu.scss */
.mb-menu__link .mb-menu__expand:after {
  content: "";
}
/* line 314, sass/section/_mb-menu.scss */
.mb-menu__link--lv1 {
  font-size: 1rem;
  padding: 1.25em 2.5em 1.25em 0.5625em;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_menu-dash.png") 0 100% repeat-x;
  background-size: 5px 1px;
}
@media screen and (min-width: 768px) {
  /* line 314, sass/section/_mb-menu.scss */
  .mb-menu__link--lv1 {
    font-size: 0.8125rem;
    padding: 1.07692308em 3.07692308em 1em 0.84615385em;
  }
}
/* line 327, sass/section/_mb-menu.scss */
.mb-menu__link--lv1 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.4em 0.33333333em 1em;
}
@media screen and (min-width: 768px) {
  /* line 327, sass/section/_mb-menu.scss */
  .mb-menu__link--lv1 .mb-menu__expand {
    padding: 0.8em 0.26666667em 0.73333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv2 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv2 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv2 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv2 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv3 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv3 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv3 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv3 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv4 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv4 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv4 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv4 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv5 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv5 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv5 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv5 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv6 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv6 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv6 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv6 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv7 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv7 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv7 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv7 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv8 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv8 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv8 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv8 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv9 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv9 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv9 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv9 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 338, sass/section/_mb-menu.scss */
.mb-menu__link--lv10 {
  font-size: 0.9375rem;
  padding: 1.06666667em 3.26666667em 1em 1.26666667em;
}
@media screen and (min-width: 768px) {
  /* line 338, sass/section/_mb-menu.scss */
  .mb-menu__link--lv10 {
    font-size: 0.8125rem;
    padding: 0.76923077em 2.30769231em 0.76923077em 1.46153846em;
  }
}
/* line 348, sass/section/_mb-menu.scss */
.mb-menu__link--lv10 .mb-menu__expand {
  font-size: 0.9375rem;
  padding: 1.06666667em 0.86666667em 1em 0.33333333em;
}
@media screen and (min-width: 768px) {
  /* line 348, sass/section/_mb-menu.scss */
  .mb-menu__link--lv10 .mb-menu__expand {
    padding: 0.6em 0.73333333em 0.66666667em 0.33333333em;
  }
}
/* line 360, sass/section/_mb-menu.scss */
.mb-menu__plink {
  font-size: 1rem;
  display: block;
  margin-bottom: 0.25em;
  padding: 1.3125em 2.5em 1.3125em 0.5625em;
  color: #ffe400;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_menu-dash.png") 0 100% repeat-x;
  background-size: 5px 1px;
}
@media screen and (min-width: 768px) {
  /* line 360, sass/section/_mb-menu.scss */
  .mb-menu__plink {
    font-size: 0.875rem;
  }
}
/* line 377, sass/section/_mb-menu.scss */
.mb-menu__plink:hover, .mb-menu__plink:focus {
  color: #ffe400;
}
/* line 384, sass/section/_mb-menu.scss */
.btn-menu-back {
  font-size: 0.875rem;
  width: 100%;
  padding: 1.64285714em 1.21428571em 1.71428571em;
  text-align: left;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  /* line 384, sass/section/_mb-menu.scss */
  .btn-menu-back {
    font-size: 0.6875rem;
    padding: 1.63636364em 1.54545455em 1.63636364em;
  }
}
/* line 399, sass/section/_mb-menu.scss */
.btn-menu-back:before {
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.64285714em;
  position: relative;
  margin-right: 1.11111111em;
  content: "";
}
/* line 412, sass/section/_mb-menu.scss */
.btn-menu-back__txt {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
/* line 416, sass/section/_mb-menu.scss */
.btn-menu-back:hover, .btn-menu-back:focus {
  color: #ffe400;
}
/* line 422, sass/section/_mb-menu.scss */
.mb-subitem {
  font-size: 1rem;
  padding: 0 0.5625em;
}
@media screen and (min-width: 768px) {
  /* line 422, sass/section/_mb-menu.scss */
  .mb-subitem {
    font-size: 0.625rem;
    padding: 0 1.3em;
  }
}
/* line 432, sass/section/_mb-menu.scss */
.mb-subitem__link {
  line-height: 1.25;
  display: block;
  padding: 0.4375em 0.5625em;
  color: #ffffff;
}
/* line 441, sass/section/_mb-menu.scss */
.mb-subitem__link:hover, .mb-subitem__link:focus {
  color: #ffe400;
}
/* line 449, sass/section/_mb-menu.scss */
.mb-fix-btm {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* line 459, sass/section/_mb-menu.scss */
.mb-user {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.71428571;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.875rem 0.9375rem;
  color: #ffffff;
  background-color: #612364;
  -webkit-box-shadow: 5px -1px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 5px -1px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 474, sass/section/_mb-menu.scss */
.mb-user:hover, .mb-user:focus {
  color: #ffffff;
}
/* line 479, sass/section/_mb-menu.scss */
.mb-user .ico {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1.5rem;
  margin-right: 0.54166667em;
}
/* line 486, sass/section/_mb-menu.scss */
.mb-user .ico .path1:before {
  color: #ffffff;
}
/* line 492, sass/section/_mb-menu.scss */
.mb-user .ico .path2:before,
.mb-user .ico .path3:before {
  color: #732b76;
}
/* line 1, sass/section/_breadcrumb.scss */
.breadcrumb {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
}
/* line 14, sass/section/_breadcrumb.scss */
.inner-container .breadcrumb {
  display: none;
}
/* line 18, sass/section/_breadcrumb.scss */
.inner-container .section-row .breadcrumb {
  display: block;
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/section/_breadcrumb.scss */
  .breadcrumb {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/section/_breadcrumb.scss */
  .breadcrumb {
    font-size: 0.75rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767px) {
  /* line 30, sass/section/_breadcrumb.scss */
  .section-row--full .breadcrumb {
    display: none;
  }
  /* line 34, sass/section/_breadcrumb.scss */
  .section-row--full + .inner-container .breadcrumb {
    display: block;
    padding: 1.0625rem 1.0625rem 0.375rem;
  }
}
/* line 41, sass/section/_breadcrumb.scss */
.breadcrumb__item {
  display: inline-block;
  margin-bottom: 0.33333333em;
  vertical-align: baseline;
}
/* line 48, sass/section/_breadcrumb.scss */
.breadcrumb__item:after {
  font-family: icomoon;
  font-size: 0.8em;
  display: inline;
  margin: 0 0.83333333em;
  content: "/";
  color: #ffffff;
  text-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.85);
}
/* line 62, sass/section/_breadcrumb.scss */
.inner-container .breadcrumb__item:after {
  color: #8f8f8f;
  text-shadow: none;
}
/* line 67, sass/section/_breadcrumb.scss */
.section-row--breadonly .breadcrumb__item:after {
  color: #585858;
  text-shadow: none;
}
/* line 73, sass/section/_breadcrumb.scss */
.breadcrumb__item:last-child:after {
  content: none;
}
/* line 78, sass/section/_breadcrumb.scss */
.breadcrumb__text {
  color: #ffffff;
  text-shadow: 0rem 0rem 0.3125rem rgba(0, 0, 0, 0.85);
}
/* line 83, sass/section/_breadcrumb.scss */
.inner-container .breadcrumb__text {
  color: #8f8f8f;
  text-shadow: none;
}
/* line 88, sass/section/_breadcrumb.scss */
.section-row--breadonly .breadcrumb__text {
  color: #585858;
  text-shadow: none;
}
/* line 95, sass/section/_breadcrumb.scss */
.breadcrumb a:hover, .breadcrumb a:focus {
  text-decoration: underline;
  color: #ffffff;
  text-underline-position: under;
}
/* line 103, sass/section/_breadcrumb.scss */
.inner-container .breadcrumb a:hover, .inner-container .breadcrumb a:focus {
  text-decoration: none;
  color: #732b76;
}
/* line 109, sass/section/_breadcrumb.scss */
.section-row--breadonly .breadcrumb a:hover, .section-row--breadonly .breadcrumb a:focus {
  text-decoration: none;
  color: #732b76;
}
/* line 1, sass/section/_cookie-usage.scss */
.cookie-usage {
  font-size: 1.0625rem;
  position: fixed;
  z-index: 999999;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-animation: slideInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: slideInUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: rgba(115, 43, 118, 0.95);
  -webkit-box-shadow: 0em -0.29411765em 0.58823529em rgba(0, 0, 0, 0.2);
  box-shadow: 0em -0.29411765em 0.58823529em rgba(0, 0, 0, 0.2);
}
/* line 16, sass/section/_cookie-usage.scss */
.no-js .cookie-usage {
  display: none;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/section/_cookie-usage.scss */
  .cookie-usage {
    font-size: 1rem;
  }
  /* line 23, sass/section/_cookie-usage.scss */
  .cookie-usage .container {
    max-width: none;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/section/_cookie-usage.scss */
  .cookie-usage {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/section/_cookie-usage.scss */
  .cookie-usage {
    font-size: 0.875rem;
  }
}
/* line 34, sass/section/_cookie-usage.scss */
.cookie-usage__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.82352941em 1.35294118em 1.76470588em 0em;
  color: #ffffff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 1439px) {
  /* line 34, sass/section/_cookie-usage.scss */
  .cookie-usage__cont {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 34, sass/section/_cookie-usage.scss */
  .cookie-usage__cont {
    display: block;
    padding: 1.5625rem 0.3125rem;
    text-align: center;
  }
}
/* line 54, sass/section/_cookie-usage.scss */
.cookie-usage__context {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 54, sass/section/_cookie-usage.scss */
  .cookie-usage__context {
    margin-bottom: 1.5625rem;
    text-align: left;
  }
}
/* line 63, sass/section/_cookie-usage.scss */
.cookie-usage__context p {
  line-height: 1.41176471;
  padding-right: 2.94117647em;
}
@media screen and (max-width: 767px) {
  /* line 63, sass/section/_cookie-usage.scss */
  .cookie-usage__context p {
    line-height: 1.5;
    padding-right: 0;
  }
}
/* line 74, sass/section/_cookie-usage.scss */
.cookie-usage__context a {
  text-decoration: underline;
  color: #ffffff;
}
/* line 1, sass/section/_recent-view.scss */
.side-view {
  font-size: 1.0625rem;
  position: fixed;
  z-index: 20001;
  top: 0;
  right: 0;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
/* line 14, sass/section/_recent-view.scss */
.side-view.hidden {
  z-index: -1;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/section/_recent-view.scss */
  .side-view {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/section/_recent-view.scss */
  .side-view {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/section/_recent-view.scss */
  .side-view {
    font-size: 0.875rem;
    z-index: 100;
    left: 0;
  }
}
/* line 36, sass/section/_recent-view.scss */
.side-view-opened .side-view {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* line 40, sass/section/_recent-view.scss */
.side-view__panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-y: auto;
  height: 100%;
  padding-top: 4.11764706em;
  padding-bottom: 8.17647059em;
  background-color: #561959;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overscroll-behavior-y: contain;
}
@media screen and (max-width: 767px) {
  /* line 40, sass/section/_recent-view.scss */
  .side-view__panel {
    display: block;
    padding-bottom: 4.375rem;
    background-color: #561959;
  }
}
/* line 63, sass/section/_recent-view.scss */
.side-view__cont {
  width: 30em;
  padding-right: 4.70588235em;
  padding-left: 3.64705882em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 63, sass/section/_recent-view.scss */
  .side-view__cont {
    width: 100%;
    padding-right: 1.875rem;
    padding-left: 1.875rem;
  }
}
/* line 76, sass/section/_recent-view.scss */
.side-view__heading {
  font-size: 2.23529412em;
  font-weight: 600;
  margin-bottom: 0.31578947em;
  color: #ffffff;
}
/* line 85, sass/section/_recent-view.scss */
.side-view__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 92, sass/section/_recent-view.scss */
.side-view__item {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.5);
}
/* line 96, sass/section/_recent-view.scss */
.side-view__link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 300;
  display: block;
  padding: 0.64705882em 0.58823529em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
}
/* line 109, sass/section/_recent-view.scss */
.side-view__link:hover, .side-view__link:focus {
  -webkit-transform: translate3d(-5px, 0, 0);
  transform: translate3d(-5px, 0, 0);
  text-shadow: 0 0 1px #ffffff;
  color: #ffffff;
}
/* line 118, sass/section/_recent-view.scss */
.side-view__close {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -118px;
  height: 55px;
  margin: auto;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media screen and (max-width: 1439px) {
  /* line 118, sass/section/_recent-view.scss */
  .side-view__close {
    left: -94px;
    height: 44px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 118, sass/section/_recent-view.scss */
  .side-view__close {
    left: -86px;
    height: 40px;
  }
}
@media screen and (max-width: 991px) {
  /* line 118, sass/section/_recent-view.scss */
  .side-view__close {
    left: -82px;
    height: 31px;
  }
}
@media screen and (max-width: 767px) {
  /* line 118, sass/section/_recent-view.scss */
  .side-view__close {
    position: fixed;
    top: -30px;
    right: 0;
    left: 0;
    display: block;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    text-align: center;
  }
}
/* line 157, sass/section/_recent-view.scss */
.side-view-opened .side-view__close {
  left: -30px;
}
@media screen and (max-width: 1439px) {
  /* line 157, sass/section/_recent-view.scss */
  .side-view-opened .side-view__close {
    left: -22px;
  }
}
@media screen and (max-width: 767px) {
  /* line 157, sass/section/_recent-view.scss */
  .side-view-opened .side-view__close {
    top: auto;
    left: 0;
  }
}
/* line 169, sass/section/_recent-view.scss */
.side-view__btn-close {
  font-size: 0.71052632em;
  position: absolute;
  z-index: 1;
  top: 0.62962963em;
  right: 6.25%;
  padding: 0.37037037em;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 169, sass/section/_recent-view.scss */
  .side-view__btn-close {
    font-size: 1.5rem;
    right: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 169, sass/section/_recent-view.scss */
  .side-view__btn-close {
    font-size: 1.25rem;
    top: 0.3125rem;
    right: 0.3125rem;
  }
}
/* line 192, sass/section/_recent-view.scss */
.side-view__btn-close:hover, .side-view__btn-close:focus {
  color: #ffffff;
}
/* line 200, sass/section/_recent-view.scss */
.btn-side-toggle {
  font-size: 1.0625rem;
  position: relative;
  display: block;
  padding: 1.05882353em 1.29411765em 1.11764706em;
  -webkit-animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
  animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
  background-color: #561959;
}
/* line 213, sass/section/_recent-view.scss */
.scrolling-down:not(.side-view-opened) .btn-side-toggle {
  -webkit-animation: fadeOutDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
  animation: fadeOutDown 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}
@media screen and (max-width: 1439px) {
  /* line 200, sass/section/_recent-view.scss */
  .btn-side-toggle {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 200, sass/section/_recent-view.scss */
  .btn-side-toggle {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 200, sass/section/_recent-view.scss */
  .btn-side-toggle {
    font-size: 0.6875rem;
    display: inline-block;
    padding: 0.81818182em 1.81818182em;
  }
}
@media screen and (max-width: 767px) {
  /* line 200, sass/section/_recent-view.scss */
  .btn-side-toggle {
    background-color: #4c194e;
  }
}
/* line 233, sass/section/_recent-view.scss */
.btn-side-toggle:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  background-color: #561959;
}
@media screen and (max-width: 767px) {
  /* line 233, sass/section/_recent-view.scss */
  .btn-side-toggle:before {
    -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    background-color: #4c194e;
  }
}
/* line 253, sass/section/_recent-view.scss */
.side-view-opened .btn-side-toggle {
  background-color: transparent;
}
/* line 256, sass/section/_recent-view.scss */
.side-view-opened .btn-side-toggle:before {
  -webkit-transform: scaleX(15);
  -ms-transform: scaleX(15);
  transform: scaleX(15);
  background-color: #561959;
}
@media screen and (max-width: 767px) {
  /* line 256, sass/section/_recent-view.scss */
  .side-view-opened .btn-side-toggle:before {
    background-color: #4c194e;
  }
}
/* line 266, sass/section/_recent-view.scss */
.btn-side-toggle__inner {
  position: relative;
  z-index: 0;
  display: block;
}
/* line 274, sass/section/_recent-view.scss */
.side-view-opened .btn-side-toggle__text {
  display: none;
}
/* line 279, sass/section/_recent-view.scss */
.btn-side-toggle__text-expanded {
  display: none;
}
/* line 281, sass/section/_recent-view.scss */
.side-view-opened .btn-side-toggle__text-expanded {
  display: inline;
}
/* line 286, sass/section/_recent-view.scss */
.btn-side-toggle__text, .btn-side-toggle__text-expanded {
  font-weight: 500;
  white-space: nowrap;
  color: #ffffff;
}
/* line 294, sass/section/_recent-view.scss */
.btn-side-toggle__text:before, .btn-side-toggle__text-expanded:before {
  font-family: icomoon;
  font-size: 1.23529412em;
  margin-right: 0.35294118em;
  content: "";
  vertical-align: text-bottom;
}
/* line 304, sass/section/_recent-view.scss */
.side-view-opened .btn-side-toggle__text:before, .side-view-opened .btn-side-toggle__text-expanded:before {
  content: "";
}
/* line 2, sass/section/_section-banner.scss */
.section-row--full {
  position: relative;
}
@media screen and (max-width: 1440px) {
  /* line 8, sass/section/_section-banner.scss */
  .section-row--breadonly .container {
    padding-right: 0;
  }
}
@media screen and (max-width: 991px) {
  /* line 13, sass/section/_section-banner.scss */
  .section-row--breadonly .container {
    padding-right: 24px;
  }
}
@media screen and (max-width: 767px) {
  /* line 18, sass/section/_section-banner.scss */
  .section-row--breadonly .container {
    padding-right: 15px;
  }
}
/* line 25, sass/section/_section-banner.scss */
.section-banner {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  height: 10000px;
}
@media screen and (max-width: 767px) {
  /* line 25, sass/section/_section-banner.scss */
  .section-banner {
    position: relative;
    height: auto;
    padding-top: 37.91666667%;
  }
}
/* line 41, sass/section/_section-banner.scss */
.section-banner__bg {
  height: 100%;
  -webkit-transition: all 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.1s cubic-bezier(0.23, 1, 0.32, 1);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 50% 0;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  /* line 41, sass/section/_section-banner.scss */
  .section-banner__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
  }
}
/* line 70, sass/section/_section-banner.scss */
.section-banner__img {
  width: 100%;
}
/* line 1, sass/section/_footer.scss */
.btn-top-box {
  font-size: 0.8125em;
  position: absolute;
  z-index: 10;
  top: -50px;
  right: 15px;
  width: 3.84615385em;
  height: 1.92307692em;
}
/* line 16, sass/section/_footer.scss */
.btn-top-box .btn--top {
  position: relative;
  display: block;
  overflow: hidden;
  width: 3.84615385em;
  height: 1.92307692em;
  padding: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #999999;
  background-color: #F0F0F0;
}
/* line 31, sass/section/_footer.scss */
.btn-top-box .btn--top:after {
  font-family: icomoon;
  font-size: 0.92307692em;
  margin-left: 0.41666667em;
  content: "\e809";
}
/* line 41, sass/section/_footer.scss */
.btn-top-box .btn--top:hover, .btn-top-box .btn--top:focus {
  text-decoration: none;
  color: #000;
  background-color: #E5E4E4;
}
/* line 51, sass/section/_footer.scss */
.page-foot {
  position: relative;
}
/* line 54, sass/section/_footer.scss */
.page-foot .container {
  position: relative;
  padding: 0;
}
/* line 61, sass/section/_footer.scss */
.footer {
  font-size: 1rem;
  color: #ffffff;
  background-color: #732b75;
}
@media screen and (max-width: 1439px) {
  /* line 61, sass/section/_footer.scss */
  .footer {
    font-size: 0.875rem;
  }
  /* line 69, sass/section/_footer.scss */
  .footer .container {
    max-width: none;
    padding: 0 30px;
  }
}
@media screen and (max-width: 1439px) and (max-width: 991px) {
  /* line 69, sass/section/_footer.scss */
  .footer .container {
    padding: 0 24px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 61, sass/section/_footer.scss */
  .footer {
    font-size: 0.75rem;
  }
}
/* line 82, sass/section/_footer.scss */
.footer__top {
  padding: 3.8125em 0 4.125em;
  border-bottom: 1px solid rgba(181, 108, 183, 0.5);
}
@media screen and (max-width: 991px) {
  /* line 82, sass/section/_footer.scss */
  .footer__top {
    padding: 2.66666667rem 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 82, sass/section/_footer.scss */
  .footer__top {
    padding: 2.41666667em 0 0.83333333em;
  }
}
/* line 94, sass/section/_footer.scss */
.footer__btm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.0625em 1.875em 1.3125em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 1199px) {
  /* line 94, sass/section/_footer.scss */
  .footer__btm {
    padding: 3.33333333em 2.5em;
  }
}
@media screen and (max-width: 991px) {
  /* line 94, sass/section/_footer.scss */
  .footer__btm {
    padding: 1.58333333em 0 3.33333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 94, sass/section/_footer.scss */
  .footer__btm {
    display: block;
    padding: 2.08333333em 0 2.83333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 114, sass/section/_footer.scss */
  .footer__btm-left {
    margin-bottom: 1.375rem;
    text-align: center;
  }
}
/* line 122, sass/section/_footer.scss */
.footer__btm-right {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 500;
  max-width: 60%;
  text-align: right;
}
@media screen and (max-width: 767px) {
  /* line 122, sass/section/_footer.scss */
  .footer__btm-right {
    max-width: none;
    text-align: center;
  }
}
/* line 139, sass/section/_footer.scss */
.foot-links {
  margin: 0.5625em 0 0.1875em;
}
@media screen and (max-width: 767px) {
  /* line 139, sass/section/_footer.scss */
  .foot-links {
    margin-bottom: 0.875rem;
  }
}
/* line 145, sass/section/_footer.scss */
.foot-links__item {
  position: relative;
  display: inline-block;
  margin-bottom: 0.4375em;
  vertical-align: top;
}
/* line 154, sass/section/_footer.scss */
.foot-links__item:before {
  margin: 0 1.0625em;
  content: "|";
  opacity: .5;
}
/* line 163, sass/section/_footer.scss */
.foot-links__item:first-child:before {
  display: none;
}
/* line 167, sass/section/_footer.scss */
.foot-links__item:first-child a {
  padding-left: 0;
}
/* line 173, sass/section/_footer.scss */
.foot-links__link {
  color: #ffffff;
}
/* line 176, sass/section/_footer.scss */
.foot-links__link:hover, .foot-links__link:focus {
  color: #ffffff;
}
/* line 184, sass/section/_footer.scss */
.seo-foot__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 190, sass/section/_footer.scss */
.seo-foot__list--lv1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
@media screen and (max-width: 991px) {
  /* line 190, sass/section/_footer.scss */
  .seo-foot__list--lv1 {
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  /* line 190, sass/section/_footer.scss */
  .seo-foot__list--lv1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
/* line 210, sass/section/_footer.scss */
.seo-foot__list--lv2 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  /* line 210, sass/section/_footer.scss */
  .seo-foot__list--lv2 {
    display: none;
  }
}
/* line 219, sass/section/_footer.scss */
.seo-foot__list--lv3 {
  display: none;
}
/* line 225, sass/section/_footer.scss */
.seo-foot__item--lv1 {
  width: 14.28571429%;
  padding-left: 2.08333333%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 225, sass/section/_footer.scss */
  .seo-foot__item--lv1 {
    width: auto;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 225, sass/section/_footer.scss */
  .seo-foot__item--lv1 {
    margin-bottom: 1.1875rem;
  }
}
/* line 245, sass/section/_footer.scss */
.seo-foot__link {
  position: relative;
  display: block;
  color: #ffffff;
}
/* line 252, sass/section/_footer.scss */
.seo-foot__link:hover, .seo-foot__link:focus {
  color: #ffffff;
}
/* line 257, sass/section/_footer.scss */
.seo-foot__link--lv1 {
  font-size: 1.0625rem;
  font-weight: 600;
  margin-bottom: 1.29411765em;
  text-transform: uppercase;
}
@media screen and (max-width: 1439px) {
  /* line 257, sass/section/_footer.scss */
  .seo-foot__link--lv1 {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 257, sass/section/_footer.scss */
  .seo-foot__link--lv1 {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 257, sass/section/_footer.scss */
  .seo-foot__link--lv1 {
    font-size: 0.875rem;
    margin-bottom: 0;
  }
}
/* line 277, sass/section/_footer.scss */
.seo-foot__link--lv2 {
  font-size: 1rem;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 1439px) {
  /* line 277, sass/section/_footer.scss */
  .seo-foot__link--lv2 {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 277, sass/section/_footer.scss */
  .seo-foot__link--lv2 {
    font-size: 0.6875rem;
  }
}
/* line 292, sass/section/_footer.scss */
.u-logo__wrap {
  display: block;
  width: 24.3125rem;
}
@media screen and (max-width: 1439px) {
  /* line 292, sass/section/_footer.scss */
  .u-logo__wrap {
    width: 20rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 292, sass/section/_footer.scss */
  .u-logo__wrap {
    width: 17.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 292, sass/section/_footer.scss */
  .u-logo__wrap {
    width: 16.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 292, sass/section/_footer.scss */
  .u-logo__wrap {
    width: 15.625rem;
    margin: 0 auto;
  }
}
/* line 311, sass/section/_footer.scss */
.u-logo__img {
  width: 100%;
}
/* line 2, sass/page/_index.scss */
.key-block__title {
  font-size: 2.8125rem;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0.77777778em;
  margin-bottom: 1.06666667em;
  color: #000000;
}
/* line 12, sass/page/_index.scss */
.key-block__title--nobtm {
  margin-bottom: 0;
}
@media screen and (max-width: 1439px) {
  /* line 2, sass/page/_index.scss */
  .key-block__title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2, sass/page/_index.scss */
  .key-block__title {
    font-size: 2.125rem;
    margin-top: 0.88235294em;
    margin-bottom: 0.58823529em;
  }
}
@media screen and (max-width: 991px) {
  /* line 2, sass/page/_index.scss */
  .key-block__title {
    font-size: 1.6875rem;
    margin-top: 1.40740741em;
    margin-bottom: 0.74074074em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2, sass/page/_index.scss */
  .key-block__title {
    font-size: 1.5625rem;
    max-width: calc(100% - 70px);
    margin-top: 1.08em;
    margin-bottom: 0.88em;
  }
}
/* line 40, sass/page/_index.scss */
.key-block__body {
  position: relative;
}
@media screen and (max-width: 1599px) {
  /* line 44, sass/page/_index.scss */
  .key-block .container {
    width: 90% !important;
    max-width: none;
  }
}
@media screen and (max-width: 991px) {
  /* line 44, sass/page/_index.scss */
  .key-block .container {
    width: 100% !important;
    max-width: none;
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  /* line 44, sass/page/_index.scss */
  .key-block .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
/* line 62, sass/page/_index.scss */
.key-visual-wrap {
  position: relative;
  z-index: 0;
}
/* line 67, sass/page/_index.scss */
.landing-content {
  position: relative;
  z-index: 0;
  background-color: #ffffff;
}
/* line 74, sass/page/_index.scss */
.key-visual {
  font-size: 1.375rem;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1439px) {
  /* line 74, sass/page/_index.scss */
  .key-visual {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 74, sass/page/_index.scss */
  .key-visual {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 74, sass/page/_index.scss */
  .key-visual {
    font-size: 0.875rem;
  }
}
/* line 90, sass/page/_index.scss */
.key-visual .vidbg-container video {
  z-index: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* line 99, sass/page/_index.scss */
.key-visual .vidbg-overlay {
  z-index: 2;
}
/* line 103, sass/page/_index.scss */
.key-visual__item {
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(76, 25, 78, 0.5)), to(rgba(76, 25, 78, 0.7)));
  background: linear-gradient(180deg, rgba(76, 25, 78, 0.5) 0%, rgba(76, 25, 78, 0.7) 100%);
}
/* line 108, sass/page/_index.scss */
.no-js .key-visual__item {
  background: none;
}
@media screen and (max-width: 767px) {
  /* line 103, sass/page/_index.scss */
  .key-visual__item {
    background: #ffffff;
  }
}
/* line 116, sass/page/_index.scss */
.key-visual__item--l-text {
  text-align: left;
}
/* line 119, sass/page/_index.scss */
.key-visual__item--r-text {
  text-align: right;
}
/* line 122, sass/page/_index.scss */
.key-visual__item--r-text .key-visual__cont {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
/* line 131, sass/page/_index.scss */
.key-visual__ol {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 139, sass/page/_index.scss */
.key-visual__ol > .container {
  position: relative;
  max-width: 1600px;
  height: 100%;
}
@media screen and (max-width: 1599px) {
  /* line 139, sass/page/_index.scss */
  .key-visual__ol > .container {
    max-width: 1440px;
  }
}
@media screen and (max-width: 1439px) {
  /* line 139, sass/page/_index.scss */
  .key-visual__ol > .container {
    max-width: none;
  }
}
/* line 154, sass/page/_index.scss */
.key-visual__cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 154, sass/page/_index.scss */
  .key-visual__cont {
    display: block;
  }
}
/* line 170, sass/page/_index.scss */
.key-visual__layer-txt {
  max-width: 60%;
}
@media screen and (max-width: 991px) {
  /* line 170, sass/page/_index.scss */
  .key-visual__layer-txt {
    max-width: 80%;
  }
}
@media screen and (max-width: 767px) {
  /* line 170, sass/page/_index.scss */
  .key-visual__layer-txt {
    position: relative;
    max-width: none;
    padding-top: calc(125% + 30px);
  }
}
/* line 187, sass/page/_index.scss */
.key-visual__text {
  line-height: 1.15;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 187, sass/page/_index.scss */
  .key-visual__text {
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 187, sass/page/_index.scss */
  .key-visual__text {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-bottom: 8.27586207%;
  }
}
/* line 203, sass/page/_index.scss */
.key-visual__text-main {
  font-size: 2.63636364em;
  margin-bottom: 0.22413793em;
  text-shadow: 0 0 0.17241379em #000000;
}
@media screen and (max-width: 991px) {
  /* line 203, sass/page/_index.scss */
  .key-visual__text-main {
    font-size: 2.57142857em;
    font-weight: 600;
    line-height: 1.05;
    margin-bottom: 0.44444444em;
  }
}
@media screen and (max-width: 767px) {
  /* line 203, sass/page/_index.scss */
  .key-visual__text-main {
    font-size: 2.14285714em;
  }
}
/* line 220, sass/page/_index.scss */
.slick-initialized .slick-current .key-visual__text-main {
  -webkit-animation: fadeInLeftMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
  animation: fadeInLeftMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
}
/* line 224, sass/page/_index.scss */
.key-visual__text-main strong {
  display: block;
}
/* line 227, sass/page/_index.scss */
.slick-initialized .slick-current .key-visual__text-main strong {
  -webkit-animation: fadeInLeftMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;
  animation: fadeInLeftMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;
}
/* line 233, sass/page/_index.scss */
.key-visual__text-sub {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  max-width: 80%;
  margin-bottom: 1.5em;
  text-shadow: 0 0 0.36363636em #000000;
}
@media screen and (max-width: 991px) {
  /* line 233, sass/page/_index.scss */
  .key-visual__text-sub {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 233, sass/page/_index.scss */
  .key-visual__text-sub {
    line-height: 1.28571429;
    text-shadow: 0 0 5px #000000;
  }
}
/* line 252, sass/page/_index.scss */
.key-visual__item--r-text .key-visual__text-sub {
  margin-left: auto;
}
/* line 256, sass/page/_index.scss */
.slick-initialized .slick-current .key-visual__text-sub {
  -webkit-animation: fadeInLeftMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
  animation: fadeInLeftMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}
/* line 262, sass/page/_index.scss */
.slick-initialized .slick-current .key-visual__text .btn, .slick-initialized .slick-current .key-visual__text .fileinput-button {
  -webkit-animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s both;
  animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s both;
}
/* line 268, sass/page/_index.scss */
.key-visual__img-w {
  position: relative;
  z-index: 1;
  display: block;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 268, sass/page/_index.scss */
  .key-visual__img-w {
    margin-bottom: 31.25%;
  }
  /* line 278, sass/page/_index.scss */
  .no-layerblock .key-visual__img-w {
    margin-bottom: 0;
  }
}
/* line 283, sass/page/_index.scss */
.key-visual__img-w:after {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 24%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.9)), to(white));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 90%, white 100%);
}
@media screen and (max-width: 767px) {
  /* line 283, sass/page/_index.scss */
  .key-visual__img-w:after {
    height: 30%;
  }
}
/* line 301, sass/page/_index.scss */
.key-visual__img-c {
  position: relative;
  z-index: 1;
  height: 820px;
}
@media screen and (max-width: 1599px) {
  /* line 301, sass/page/_index.scss */
  .key-visual__img-c {
    height: auto;
    padding-top: 51.25%;
  }
}
@media screen and (max-width: 991px) {
  /* line 301, sass/page/_index.scss */
  .key-visual__img-c {
    padding-top: 55.72916667%;
  }
}
@media screen and (max-width: 767px) {
  /* line 301, sass/page/_index.scss */
  .key-visual__img-c {
    padding-top: 139.58333333%;
  }
}
@media screen and (min-width: 1200px) {
  /* line 318, sass/page/_index.scss */
  .key-visual__img {
    left: 50%;
    max-width: none;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
/* line 330, sass/page/_index.scss */
.key-visual__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-filter: blur(24px);
  filter: blur(24px);
}
/* line 348, sass/page/_index.scss */
.key-visual__video-w {
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  /* line 355, sass/page/_index.scss */
  .video-playing .key-visual__video-w {
    background: none !important;
  }
}
/* line 363, sass/page/_index.scss */
.blk {
  font-size: 1.125rem;
  position: absolute;
  bottom: 9.02439024%;
}
@media screen and (max-width: 1439px) {
  /* line 363, sass/page/_index.scss */
  .blk {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 363, sass/page/_index.scss */
  .blk {
    font-size: 0.75rem;
  }
}
/* line 375, sass/page/_index.scss */
.blk--width1 {
  width: 55.72463768%;
}
@media screen and (max-width: 991px) {
  /* line 375, sass/page/_index.scss */
  .blk--width1 {
    width: 27.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 375, sass/page/_index.scss */
  .blk--width1 {
    width: 100%;
    margin-right: -1.72413793%;
  }
}
/* line 386, sass/page/_index.scss */
.blk--width1 .blk__item {
  margin-right: 2.08062419%;
}
@media screen and (max-width: 991px) {
  /* line 386, sass/page/_index.scss */
  .blk--width1 .blk__item {
    margin-right: 0.5625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 386, sass/page/_index.scss */
  .blk--width1 .blk__item {
    margin-right: 1.69491525%;
  }
}
/* line 395, sass/page/_index.scss */
.blk--width1 .blk__item--pic {
  width: 69.31079324%;
}
@media screen and (max-width: 991px) {
  /* line 395, sass/page/_index.scss */
  .blk--width1 .blk__item--pic {
    width: 18.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 395, sass/page/_index.scss */
  .blk--width1 .blk__item--pic {
    width: 61.01694915%;
  }
}
/* line 404, sass/page/_index.scss */
.slick-initialized .slick-current .blk--width1 .blk__item--pic {
  -webkit-animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
/* line 409, sass/page/_index.scss */
.blk--width1 .blk__item--num {
  width: 28.60858257%;
}
@media screen and (max-width: 991px) {
  /* line 409, sass/page/_index.scss */
  .blk--width1 .blk__item--num {
    width: 7.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 409, sass/page/_index.scss */
  .blk--width1 .blk__item--num {
    width: 35.59322034%;
  }
}
/* line 418, sass/page/_index.scss */
.slick-initialized .slick-current .blk--width1 .blk__item--num {
  -webkit-animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
  animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
}
/* line 423, sass/page/_index.scss */
.blk--width1 .blk__item:last-child {
  margin-right: 0;
}
/* line 430, sass/page/_index.scss */
.blk--width2 {
  width: 39.7826087%;
}
@media screen and (max-width: 991px) {
  /* line 430, sass/page/_index.scss */
  .blk--width2 {
    width: 19.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 430, sass/page/_index.scss */
  .blk--width2 {
    width: 100%;
    margin-right: -1.72413793%;
  }
}
/* line 441, sass/page/_index.scss */
.blk--width2 .blk__inner {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  /* line 445, sass/page/_index.scss */
  .blk--width2 .blk__item {
    margin-right: 1.69491525%;
  }
}
/* line 450, sass/page/_index.scss */
.blk--width2 .blk__item--pic {
  width: 97.0856102%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media screen and (max-width: 991px) {
  /* line 450, sass/page/_index.scss */
  .blk--width2 .blk__item--pic {
    width: 18.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 450, sass/page/_index.scss */
  .blk--width2 .blk__item--pic {
    width: 61.01694915%;
  }
}
/* line 460, sass/page/_index.scss */
.slick-initialized .slick-current .blk--width2 .blk__item--pic {
  -webkit-animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
  animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.7s both;
}
/* line 464, sass/page/_index.scss */
.blk--width2 .blk__item--num {
  width: 40.07285974%;
  margin-bottom: 2.9143898%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media screen and (max-width: 991px) {
  /* line 464, sass/page/_index.scss */
  .blk--width2 .blk__item--num {
    width: 7.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 464, sass/page/_index.scss */
  .blk--width2 .blk__item--num {
    width: 35.59322034%;
    margin-bottom: 0;
  }
}
/* line 476, sass/page/_index.scss */
.slick-initialized .slick-current .blk--width2 .blk__item--num {
  -webkit-animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  animation: fadeInUpMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
/* line 484, sass/page/_index.scss */
.blk__num {
  padding-top: 100%;
}
/* line 488, sass/page/_index.scss */
.blk--left {
  left: 0;
}
/* line 492, sass/page/_index.scss */
.blk--right {
  right: 0;
}
/* line 496, sass/page/_index.scss */
.blk__item {
  position: relative;
}
/* line 501, sass/page/_index.scss */
.blk__item--purple {
  background-color: rgba(119, 67, 167, 0.9);
}
/* line 505, sass/page/_index.scss */
.blk__item--green {
  background-color: rgba(21, 137, 69, 0.9);
}
/* line 509, sass/page/_index.scss */
.blk__item--dullgreen {
  background-color: rgba(67, 117, 30, 0.9);
}
/* line 520, sass/page/_index.scss */
.blk__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 526, sass/page/_index.scss */
.blk__img-w {
  position: relative;
  overflow: hidden;
}
/* line 531, sass/page/_index.scss */
.blk__img-w:after {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), color-stop(25%, rgba(0, 0, 0, 0.6)), color-stop(65%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.6) 25%, rgba(0, 0, 0, 0.1) 65%, rgba(0, 0, 0, 0) 100%);
}
/* line 544, sass/page/_index.scss */
.blk__img-c {
  padding-top: 41.27579737%;
}
@media screen and (max-width: 767px) {
  /* line 544, sass/page/_index.scss */
  .blk__img-c {
    padding-top: 58.33333333%;
  }
}
/* line 555, sass/page/_index.scss */
.blk__context {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: left;
}
/* line 564, sass/page/_index.scss */
.blk__context-inner {
  line-height: 1.15;
  padding: 3.56472795% 3.75234522%;
  color: #ffffff;
  text-shadow: 0 0 0.83333333em rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 991px) {
  /* line 564, sass/page/_index.scss */
  .blk__context-inner {
    padding: 0.6875rem 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 564, sass/page/_index.scss */
  .blk__context-inner {
    line-height: 1.25;
    padding: 0.5625rem 0.75rem;
  }
}
/* line 581, sass/page/_index.scss */
.blk__context-row1 {
  font-size: 1.44444444em;
  font-weight: 600;
  margin-bottom: 0.19230769em;
}
@media screen and (max-width: 991px) {
  /* line 581, sass/page/_index.scss */
  .blk__context-row1 {
    font-size: 0.9375rem;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 581, sass/page/_index.scss */
  .blk__context-row1 {
    font-size: 0.875rem;
  }
}
/* line 596, sass/page/_index.scss */
.blk__context-row2 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.94444444em;
  font-weight: 500;
}
/* line 605, sass/page/_index.scss */
.blk__num-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 9.09090909%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 605, sass/page/_index.scss */
  .blk__num-inner {
    padding: 7.61904762%;
  }
}
/* line 620, sass/page/_index.scss */
.blk__num-cont {
  line-height: 1.1;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  text-align: center;
  color: #ffffff;
}
/* line 630, sass/page/_index.scss */
.blk__num-row1 {
  font-size: 1.16666667em;
  font-weight: 700;
  margin-bottom: 0.19047619em;
}
@media screen and (max-width: 767px) {
  /* line 630, sass/page/_index.scss */
  .blk__num-row1 {
    font-size: 0.75rem;
  }
}
/* line 639, sass/page/_index.scss */
.blk__num-row1:empty {
  padding-top: 1.66666667em;
}
/* line 644, sass/page/_index.scss */
.blk__num-row2 {
  font-size: 7.55555556em;
  font-weight: 600;
  line-height: .9;
  margin-bottom: 0.06617647em;
}
@media screen and (max-width: 1439px) {
  /* line 644, sass/page/_index.scss */
  .blk__num-row2 {
    font-size: 5.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 644, sass/page/_index.scss */
  .blk__num-row2 {
    font-size: 5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 644, sass/page/_index.scss */
  .blk__num-row2 {
    font-size: 4.6875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 644, sass/page/_index.scss */
  .blk__num-row2 {
    font-size: 3.875rem;
    font-size: 21.37931034vw;
  }
}
/* line 664, sass/page/_index.scss */
.blk__num-row2 .slick-initialized {
  display: none;
}
/* line 668, sass/page/_index.scss */
.slick-initialized .slick-current .blk__num-row2 {
  display: block;
}
/* line 672, sass/page/_index.scss */
.blk__item--smnum .blk__num-row2 {
  font-size: 4em;
  margin-bottom: 0.20833333em;
}
@media screen and (max-width: 1439px) {
  /* line 672, sass/page/_index.scss */
  .blk__item--smnum .blk__num-row2 {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 672, sass/page/_index.scss */
  .blk__item--smnum .blk__num-row2 {
    font-size: 2.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 672, sass/page/_index.scss */
  .blk__item--smnum .blk__num-row2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 672, sass/page/_index.scss */
  .blk__item--smnum .blk__num-row2 {
    font-size: 1.875rem;
    font-size: 10.34482759vw;
  }
}
/* line 692, sass/page/_index.scss */
.blk__item--plus .blk__num-row2:before {
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: .1px;
  position: relative;
  top: 0;
  right: -7%;
  visibility: hidden;
  float: right;
  overflow: visible;
  content: "+";
  -webkit-transition: visibility .4s, opacity .4s;
  transition: visibility .4s, opacity .4s;
  opacity: 0;
}
@media screen and (max-width: 991px) {
  /* line 692, sass/page/_index.scss */
  .blk__item--plus .blk__num-row2:before {
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 692, sass/page/_index.scss */
  .blk__item--plus .blk__num-row2:before {
    font-size: 3.79310345vw;
    right: -5%;
  }
}
/* line 720, sass/page/_index.scss */
.blk__num-row2.js-num-animated:before {
  visibility: visible;
  opacity: 1;
}
/* line 727, sass/page/_index.scss */
.blk__num-row3 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.94444444em;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  /* line 727, sass/page/_index.scss */
  .blk__num-row3 {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 727, sass/page/_index.scss */
  .blk__num-row3 {
    font-size: 0.75rem;
  }
}
/* line 739, sass/page/_index.scss */
.blk__item--bold3 .blk__num-row3 {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.16666667em;
  font-weight: 700;
}
@media screen and (max-width: 991px) {
  /* line 739, sass/page/_index.scss */
  .blk__item--bold3 .blk__num-row3 {
    font-size: 0.75rem;
  }
}
/* line 749, sass/page/_index.scss */
.blk__item--thin3 .blk__num-row3 {
  font-size: 1.33333333em;
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  /* line 749, sass/page/_index.scss */
  .blk__item--thin3 .blk__num-row3 {
    font-size: 0.875rem;
  }
}
/* line 763, sass/page/_index.scss */
.key-news {
  font-size: 1.125rem;
}
@media screen and (max-width: 1439px) {
  /* line 763, sass/page/_index.scss */
  .key-news {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 763, sass/page/_index.scss */
  .key-news {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 763, sass/page/_index.scss */
  .key-news {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 763, sass/page/_index.scss */
  .key-news {
    font-size: 0.875rem;
  }
}
/* line 778, sass/page/_index.scss */
.key-news__cont {
  position: relative;
  z-index: 0;
}
/* line 782, sass/page/_index.scss */
.key-news__cont:before, .key-news__cont:after {
  position: absolute;
  z-index: -1;
  width: 1500px;
  content: "";
}
/* line 792, sass/page/_index.scss */
.key-news__cont:before {
  top: 10.99099099%;
  left: 39.85507246%;
  padding-top: 36.46666667%;
  background-color: #F2F5FA;
}
@media screen and (max-width: 767px) {
  /* line 792, sass/page/_index.scss */
  .key-news__cont:before {
    top: 1.25rem;
    right: 0;
    bottom: 9.375rem;
    left: -1.25rem;
    padding-top: 0;
    opacity: 0;
  }
  /* line 809, sass/page/_index.scss */
  .aos-animate .key-news__cont:before {
    -webkit-animation: fadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
    animation: fadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
  }
}
/* line 815, sass/page/_index.scss */
.key-news__cont:after {
  top: 40.99099099%;
  right: 33.91304348%;
  padding-top: 33.93333333%;
  background-color: #F2F5FA;
}
@media screen and (max-width: 767px) {
  /* line 815, sass/page/_index.scss */
  .key-news__cont:after {
    top: 1.25rem;
    right: auto;
    bottom: 3.75rem;
    left: -1.25rem;
    width: 60%;
    padding-top: 0;
    opacity: 0;
  }
  /* line 833, sass/page/_index.scss */
  .aos-animate .key-news__cont:after {
    -webkit-animation: fadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
    animation: fadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s both;
  }
}
/* line 840, sass/page/_index.scss */
.key-news__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1.44927536%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  /* line 840, sass/page/_index.scss */
  .key-news__row {
    margin-right: -1.52777778%;
  }
}
@media screen and (max-width: 767px) {
  /* line 840, sass/page/_index.scss */
  .key-news__row {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 854, sass/page/_index.scss */
  .key-news__row--1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/* line 860, sass/page/_index.scss */
.key-news__row--2 {
  padding-right: 7.46376812%;
  padding-left: 5.14492754%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 991px) {
  /* line 860, sass/page/_index.scss */
  .key-news__row--2 {
    padding-right: 5%;
    padding-left: 2.77777778%;
  }
}
@media screen and (max-width: 767px) {
  /* line 860, sass/page/_index.scss */
  .key-news__row--2 {
    padding-right: 0;
    padding-left: 0;
  }
}
/* line 877, sass/page/_index.scss */
.key-news__col--l {
  width: 66.3132137%;
  margin-right: 1.63132137%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 877, sass/page/_index.scss */
  .key-news__col--l {
    width: 65.48148148%;
  }
}
@media screen and (max-width: 767px) {
  /* line 877, sass/page/_index.scss */
  .key-news__col--l {
    width: 100%;
    margin-right: 0;
  }
}
/* line 891, sass/page/_index.scss */
.key-news__col--r {
  width: 30.34257749%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 891, sass/page/_index.scss */
  .key-news__col--r {
    width: 31.55555556%;
  }
}
@media screen and (max-width: 767px) {
  /* line 891, sass/page/_index.scss */
  .key-news__col--r {
    width: 100%;
  }
}
/* line 904, sass/page/_index.scss */
.key-news__img-w {
  overflow: hidden;
}
/* line 907, sass/page/_index.scss */
.key-news__item--video .key-news__img-w {
  position: relative;
  z-index: 0;
}
/* line 911, sass/page/_index.scss */
.key-news__item--video .key-news__img-w:before {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.45);
}
/* line 925, sass/page/_index.scss */
.key-news__item--video .key-news__img-w:after {
  font-family: icomoon;
  font-size: 5.05555556em;
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  content: "";
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  color: #ffffff;
}
/* line 954, sass/page/_index.scss */
.key-news__stamp {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1;
  margin-bottom: 1.05555556em;
  color: #ffffff;
}
/* line 964, sass/page/_index.scss */
.key-news__type {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}
/* line 971, sass/page/_index.scss */
.key-news__date {
  font-size: 1.11111111em;
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  /* line 971, sass/page/_index.scss */
  .key-news__date {
    font-size: 0.8125rem;
  }
}
/* line 978, sass/page/_index.scss */
.key-news__date:before {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 2.25em;
  height: 1px;
  margin: 0 0.5em;
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
}
/* line 991, sass/page/_index.scss */
.key-news__item--white .key-news__date:before {
  background-color: #E1E1E1;
}
@media screen and (max-width: 991px) {
  /* line 978, sass/page/_index.scss */
  .key-news__date:before {
    width: 1.76923077em;
    margin: 0 0.61538462em;
  }
}
/* line 1001, sass/page/_index.scss */
.key-news__inner {
  position: relative;
}
/* line 1005, sass/page/_index.scss */
.key-news__exp {
  font-weight: 500;
}
@media screen and (max-width: 991px) {
  /* line 1005, sass/page/_index.scss */
  .key-news__exp {
    font-size: 0.8125rem;
  }
}
/* line 1012, sass/page/_index.scss */
.key-news__headline {
  overflow: hidden;
}
/* line 1016, sass/page/_index.scss */
.key-news__pubdate {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.88888889em;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (max-width: 991px) {
  /* line 1016, sass/page/_index.scss */
  .key-news__pubdate {
    font-size: 0.8125rem;
  }
}
/* line 1027, sass/page/_index.scss */
.key-news__pubdate:before {
  display: inline-block;
  vertical-align: text-bottom;
  *display: inline;
  *zoom: 1;
  font-size: 0.875em;
  font-weight: 700;
  margin-right: 0.78571429em;
  content: "|";
  color: #1b4cc3;
}
@media screen and (max-width: 991px) {
  /* line 1027, sass/page/_index.scss */
  .key-news__pubdate:before {
    font-size: 1em;
    margin-right: 0.61538462em;
    vertical-align: initial;
  }
}
/* line 1047, sass/page/_index.scss */
.key-news__item--white .key-news__pubdate {
  color: #333333;
}
/* line 1058, sass/page/_index.scss */
.key-news__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 1066, sass/page/_index.scss */
.key-news__body:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 150%;
  width: 40%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  pointer-events: none;
  background: rgba(255, 255, 255, 0.05);
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
/* line 1084, sass/page/_index.scss */
.key-news__item--ol .key-news__body {
  color: #ffffff;
}
/* line 1087, sass/page/_index.scss */
.key-news__item--white .key-news__body {
  color: #000000;
  background-color: #ffffff;
}
/* line 1091, sass/page/_index.scss */
.key-news__item--gray .key-news__body {
  color: #ffffff;
  background-color: #666;
}
/* line 1095, sass/page/_index.scss */
.key-news__item--green .key-news__body {
  color: #ffffff;
  background-color: #158945;
}
/* line 1099, sass/page/_index.scss */
.key-news__item--black .key-news__body {
  color: #ffffff;
  background-color: #000000;
}
/* line 1103, sass/page/_index.scss */
.key-news__item--dirgreen .key-news__body {
  color: #ffffff;
  background-color: #43751E;
}
@media screen and (min-width: 768px) {
  /* line 1109, sass/page/_index.scss */
  .key-news__item--1 .key-news__body,
  .key-news__item--3 .key-news__body,
  .key-news__item--4 .key-news__body,
  .key-news__item--5 .key-news__body,
  .key-news__item--6 .key-news__body {
    overflow: hidden;
  }
  /* line 1116, sass/page/_index.scss */
  .key-news__item--1 .key-news__body:before,
  .key-news__item--3 .key-news__body:before,
  .key-news__item--4 .key-news__body:before,
  .key-news__item--5 .key-news__body:before,
  .key-news__item--6 .key-news__body:before {
    position: absolute;
    top: 100%;
    left: 0.5em;
    width: 0.16666667em;
    height: 1.66666667em;
    content: "";
    -webkit-transition: top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    transition: top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    background-color: transparent;
  }
  /* line 1131, sass/page/_index.scss */
  .key-news__item--1:hover .key-news__body:before,
  .key-news__item--1:focus .key-news__body:before,
  .key-news__item--3:hover .key-news__body:before,
  .key-news__item--3:focus .key-news__body:before {
    top: 0.83333333em;
    height: calc(100% - 1.66666667em);
    background-color: #ffffff;
  }
  /* line 1142, sass/page/_index.scss */
  .key-news__item--4:hover .key-news__body:before,
  .key-news__item--4:focus .key-news__body:before,
  .key-news__item--5:hover .key-news__body:before,
  .key-news__item--5:focus .key-news__body:before,
  .key-news__item--6:hover .key-news__body:before,
  .key-news__item--6:focus .key-news__body:before {
    top: 0.83333333em;
    height: calc(100% - 1.66666667em);
    background-color: #732b76;
  }
}
/* line 1156, sass/page/_index.scss */
.key-news__body-inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 1163, sass/page/_index.scss */
.key-news__img {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 1167, sass/page/_index.scss */
.key-news__item {
  display: block;
  margin-right: 1.42857143%;
  margin-bottom: 1.42857143%;
}
/* line 1181, sass/page/_index.scss */
.key-news__item:hover .key-news__img, .key-news__item:focus .key-news__img {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}
/* line 1189, sass/page/_index.scss */
.key-news__item--video:hover .key-news__img-w:after, .key-news__item--video:focus .key-news__img-w:after {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.4);
}
@media screen and (max-width: 991px) {
  /* line 1167, sass/page/_index.scss */
  .key-news__item {
    margin-right: 1.50478796%;
    margin-bottom: 1.50478796%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1167, sass/page/_index.scss */
  .key-news__item {
    width: 100% !important;
    margin-bottom: 1.25rem !important;
  }
}
@media screen and (min-width: 992px) {
  /* line 1214, sass/page/_index.scss */
  .key-news__item--1:hover .key-news__body-inner, .key-news__item--1:focus .key-news__body-inner, .key-news__item--3:hover .key-news__body-inner, .key-news__item--3:focus .key-news__body-inner, .key-news__item--4:hover .key-news__body-inner, .key-news__item--4:focus .key-news__body-inner, .key-news__item--5:hover .key-news__body-inner, .key-news__item--5:focus .key-news__body-inner, .key-news__item--6:hover .key-news__body-inner, .key-news__item--6:focus .key-news__body-inner {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* line 1221, sass/page/_index.scss */
.key-news__item--1 {
  width: 39.5%;
}
@media screen and (max-width: 991px) {
  /* line 1221, sass/page/_index.scss */
  .key-news__item--1 {
    width: 39.53488372%;
  }
}
/* line 1228, sass/page/_index.scss */
.key-news__item--1 .key-news__img-w {
  position: relative;
}
/* line 1232, sass/page/_index.scss */
.key-news__item--1 .key-news__img-c {
  padding-top: 54.7920434%;
}
@media screen and (max-width: 767px) {
  /* line 1236, sass/page/_index.scss */
  .key-news__item--1 .key-news__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* line 1250, sass/page/_index.scss */
.key-news__item--1 .key-news__body {
  padding: 6.69077758% 7.95660036% 5.06329114%;
}
@media screen and (max-width: 991px) {
  /* line 1250, sass/page/_index.scss */
  .key-news__item--1 .key-news__body {
    padding: 5.19031142% 7.26643599% 4.15224913%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1250, sass/page/_index.scss */
  .key-news__item--1 .key-news__body {
    padding: 1rem 1rem 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1260, sass/page/_index.scss */
  .key-news__item--1 .key-news__stamp {
    margin-bottom: 2.76816609%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1260, sass/page/_index.scss */
  .key-news__item--1 .key-news__stamp {
    margin-bottom: 0.875rem;
  }
}
/* line 1269, sass/page/_index.scss */
.key-news__item--1 .key-news__headline {
  font-size: 1.44444444em;
  font-weight: 600;
  line-height: 1.2;
  max-height: 62px;
  margin-bottom: 4.30107527%;
}
@media screen and (max-width: 1439px) {
  /* line 1269, sass/page/_index.scss */
  .key-news__item--1 .key-news__headline {
    max-height: 52px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1269, sass/page/_index.scss */
  .key-news__item--1 .key-news__headline {
    max-height: 42px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1269, sass/page/_index.scss */
  .key-news__item--1 .key-news__headline {
    font-size: 0.9375rem;
    line-height: 1.25;
    max-height: 37px;
    margin-bottom: 1.73010381%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1269, sass/page/_index.scss */
  .key-news__item--1 .key-news__headline {
    max-height: none;
  }
}
/* line 1296, sass/page/_index.scss */
.key-news__item--2 {
  width: 57.57142857%;
}
@media screen and (max-width: 991px) {
  /* line 1296, sass/page/_index.scss */
  .key-news__item--2 {
    width: 57.45554036%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1296, sass/page/_index.scss */
  .key-news__item--2 {
    width: 100%;
  }
}
/* line 1306, sass/page/_index.scss */
.key-news__item--2 .key-news__img-w {
  position: relative;
  overflow: hidden;
}
/* line 1311, sass/page/_index.scss */
.key-news__item--2 .key-news__img-w:after {
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  left: -1px;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), color-stop(20%, rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 767px) {
  /* line 1311, sass/page/_index.scss */
  .key-news__item--2 .key-news__img-w:after {
    content: none;
  }
}
/* line 1327, sass/page/_index.scss */
.key-news__item--2 .key-news__img-c {
  position: relative;
  padding-top: 69.35483871%;
}
@media screen and (max-width: 767px) {
  /* line 1333, sass/page/_index.scss */
  .key-news__item--2 .key-news__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* line 1347, sass/page/_index.scss */
.key-news__item--2 .key-news__body {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 9.92555831% 5.95533499% 4.83870968%;
}
@media screen and (max-width: 991px) {
  /* line 1347, sass/page/_index.scss */
  .key-news__item--2 .key-news__body {
    padding: 9.52380952% 4.76190476% 2.61904762%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1347, sass/page/_index.scss */
  .key-news__item--2 .key-news__body {
    position: static;
    padding: 1rem 0 0.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1365, sass/page/_index.scss */
  .key-news__item--2 .key-news__stamp {
    margin-bottom: 1.57894737%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1365, sass/page/_index.scss */
  .key-news__item--2 .key-news__stamp {
    margin-bottom: 0.6875rem;
    color: #5F5F5F;
  }
}
/* line 1377, sass/page/_index.scss */
.key-news__item--2 .key-news__headline {
  font-size: 1.44444444em;
  font-weight: 600;
  line-height: 1.2;
  max-height: 62px;
}
@media screen and (max-width: 1439px) {
  /* line 1377, sass/page/_index.scss */
  .key-news__item--2 .key-news__headline {
    max-height: 52px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1377, sass/page/_index.scss */
  .key-news__item--2 .key-news__headline {
    max-height: 42px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1377, sass/page/_index.scss */
  .key-news__item--2 .key-news__headline {
    font-size: 0.9375rem;
    line-height: 1.26666667;
    max-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1377, sass/page/_index.scss */
  .key-news__item--2 .key-news__headline {
    font-size: 1.0625rem;
    line-height: 1.23529412;
    max-height: none;
    color: #732b76;
  }
}
/* line 1407, sass/page/_index.scss */
.key-news__item--3 {
  width: 94.46494465%;
  margin-right: 0;
  margin-bottom: 2.4600246%;
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  /* line 1407, sass/page/_index.scss */
  .key-news__item--3 {
    width: 95.47511312%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1407, sass/page/_index.scss */
  .key-news__item--3 {
    width: 100%;
  }
}
/* line 1420, sass/page/_index.scss */
.key-news__item--3 .key-news__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  /* line 1420, sass/page/_index.scss */
  .key-news__item--3 .key-news__inner {
    display: block;
  }
}
/* line 1427, sass/page/_index.scss */
.key-news__item--3 .key-news__img-w {
  width: 34.63541667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 1427, sass/page/_index.scss */
  .key-news__item--3 .key-news__img-w {
    width: 34.36018957%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1427, sass/page/_index.scss */
  .key-news__item--3 .key-news__img-w {
    width: 100%;
  }
}
/* line 1439, sass/page/_index.scss */
.key-news__item--3 .key-news__body {
  padding: 4.94791667% 4.81770833% 3.64583333%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 1439, sass/page/_index.scss */
  .key-news__item--3 .key-news__body {
    padding: 1rem 1rem 0.875rem;
  }
}
/* line 1448, sass/page/_index.scss */
.key-news__item--3 .key-news__img-c {
  position: relative;
  padding-top: 100%;
}
@media screen and (max-width: 767px) {
  /* line 1448, sass/page/_index.scss */
  .key-news__item--3 .key-news__img-c {
    padding-top: 56.20689655%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1457, sass/page/_index.scss */
  .key-news__item--3 .key-news__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 991px) {
  /* line 1471, sass/page/_index.scss */
  .key-news__item--3 .key-news__stamp {
    margin-bottom: 1.69491525%;
  }
}
/* line 1477, sass/page/_index.scss */
.key-news__item--3 .key-news__headline {
  font-size: 1.44444444em;
  font-weight: 600;
  line-height: 1.2;
  max-height: 93px;
  margin-bottom: 2.86458333%;
}
@media screen and (max-width: 1439px) {
  /* line 1477, sass/page/_index.scss */
  .key-news__item--3 .key-news__headline {
    line-height: 1.25;
    max-height: 78px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1477, sass/page/_index.scss */
  .key-news__item--3 .key-news__headline {
    max-height: 65px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1477, sass/page/_index.scss */
  .key-news__item--3 .key-news__headline {
    font-size: 0.9375rem;
    line-height: 1.26666667;
    max-height: 58px;
    margin-bottom: 5.08474576%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1477, sass/page/_index.scss */
  .key-news__item--3 .key-news__headline {
    max-height: none;
  }
}
/* line 1506, sass/page/_index.scss */
.key-news__item--4 {
  width: 100%;
}
/* line 1510, sass/page/_index.scss */
.key-news__item--4 .key-news__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  /* line 1510, sass/page/_index.scss */
  .key-news__item--4 .key-news__inner {
    display: block;
  }
}
/* line 1519, sass/page/_index.scss */
.key-news__item--4 .key-news__img-w {
  width: 53.2595326%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 1519, sass/page/_index.scss */
  .key-news__item--4 .key-news__img-w {
    width: 53.16742081%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1519, sass/page/_index.scss */
  .key-news__item--4 .key-news__img-w {
    width: 100%;
  }
}
/* line 1531, sass/page/_index.scss */
.key-news__item--4 .key-news__img-c {
  position: relative;
  padding-top: 56.35103926%;
}
@media screen and (max-width: 767px) {
  /* line 1537, sass/page/_index.scss */
  .key-news__item--4 .key-news__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* line 1551, sass/page/_index.scss */
.key-news__item--4 .key-news__body {
  padding: 5.90405904% 4.55104551% 4.67404674%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 1551, sass/page/_index.scss */
  .key-news__item--4 .key-news__body {
    width: 46.83257919%;
    padding: 2.48868778% 3.6199095% 2.26244344%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1551, sass/page/_index.scss */
  .key-news__item--4 .key-news__body {
    width: 100%;
    padding: 1rem 1rem 0.875rem;
  }
}
/* line 1565, sass/page/_index.scss */
.key-news__item--4 .key-news__headline {
  font-size: 1.27777778em;
  font-weight: 600;
  line-height: 1.2;
  max-height: 81px;
  margin-bottom: 1.84501845%;
}
@media screen and (max-width: 1439px) {
  /* line 1565, sass/page/_index.scss */
  .key-news__item--4 .key-news__headline {
    line-height: 1.25;
    max-height: 71px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1565, sass/page/_index.scss */
  .key-news__item--4 .key-news__headline {
    max-height: 58px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1565, sass/page/_index.scss */
  .key-news__item--4 .key-news__headline {
    font-size: 0.875rem;
    line-height: 1.35714286;
    margin-bottom: 6.28571429%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1565, sass/page/_index.scss */
  .key-news__item--4 .key-news__headline {
    max-height: none;
  }
}
/* line 1593, sass/page/_index.scss */
.key-news__item--5 {
  width: 100%;
}
/* line 1597, sass/page/_index.scss */
.key-news__item--5 .key-news__stamp {
  color: #5F5F5F;
}
/* line 1601, sass/page/_index.scss */
.key-news__item--5 .key-news__img-w {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 1605, sass/page/_index.scss */
.key-news__item--5 .key-news__img-c {
  position: relative;
  padding-top: 57.79569892%;
}
@media screen and (max-width: 767px) {
  /* line 1611, sass/page/_index.scss */
  .key-news__item--5 .key-news__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* line 1624, sass/page/_index.scss */
.key-news__item--5 .key-news__body {
  padding: 9.40860215% 9.67741935% 9.13978495%;
}
@media screen and (max-width: 991px) {
  /* line 1624, sass/page/_index.scss */
  .key-news__item--5 .key-news__body {
    padding: 7.51173709% 4.69483568% 5.63380282% 6.57276995%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1624, sass/page/_index.scss */
  .key-news__item--5 .key-news__body {
    padding: 1rem 1rem 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1634, sass/page/_index.scss */
  .key-news__item--5 .key-news__stamp {
    margin-bottom: 3.7037037%;
  }
}
/* line 1640, sass/page/_index.scss */
.key-news__item--5 .key-news__headline {
  font-size: 1.27777778em;
  font-weight: 600;
  line-height: 1.25;
  max-height: 108px;
  margin-bottom: 5.37634409%;
}
@media screen and (max-width: 1439px) {
  /* line 1640, sass/page/_index.scss */
  .key-news__item--5 .key-news__headline {
    max-height: 95px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1640, sass/page/_index.scss */
  .key-news__item--5 .key-news__headline {
    max-height: 74px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1640, sass/page/_index.scss */
  .key-news__item--5 .key-news__headline {
    font-size: 0.875rem;
    line-height: 1.35714286;
  }
}
@media screen and (max-width: 767px) {
  /* line 1640, sass/page/_index.scss */
  .key-news__item--5 .key-news__headline {
    max-height: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 1667, sass/page/_index.scss */
  .key-most {
    margin-bottom: 1.875rem;
  }
}
/* line 1672, sass/page/_index.scss */
.key-most__cont {
  font-size: 1.625rem;
  margin-top: -0.19230769em;
  margin-right: -1.15384615em;
  margin-left: -0.38461538em;
}
@media screen and (max-width: 1439px) {
  /* line 1672, sass/page/_index.scss */
  .key-most__cont {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1672, sass/page/_index.scss */
  .key-most__cont {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1672, sass/page/_index.scss */
  .key-most__cont {
    font-size: 1rem;
    margin-right: -1em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1672, sass/page/_index.scss */
  .key-most__cont {
    margin-right: -0.625rem;
  }
}
/* line 1695, sass/page/_index.scss */
.key-most__item {
  margin-top: 0.19230769em;
  margin-right: 2.12765957%;
  margin-bottom: 2.12765957%;
  margin-left: 0.38461538em;
  -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-shadow: 0.03846154em 0.03846154em 0.38461538em rgba(0, 0, 0, 0.08);
  box-shadow: 0.03846154em 0.03846154em 0.38461538em rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 768px) {
  /* line 1695, sass/page/_index.scss */
  .key-most__item {
    width: 47.25274725%;
    margin-right: 2.74725275%;
    margin-bottom: 2.74725275%;
  }
}
@media screen and (min-width: 992px) {
  /* line 1695, sass/page/_index.scss */
  .key-most__item {
    width: 31.20567376%;
  }
  /* line 1713, sass/page/_index.scss */
  .key-most__item:nth-child(-n+2) {
    display: inline-block !important;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 1695, sass/page/_index.scss */
  .key-most__item {
    width: 100%;
    margin-right: 0.625rem;
    margin-bottom: 2.22222222em;
  }
}
/* line 1724, sass/page/_index.scss */
.slick-initialized .key-most__item {
  margin-right: 1.15384615em;
  margin-bottom: 1.15384615em;
}
@media screen and (max-width: 991px) {
  /* line 1724, sass/page/_index.scss */
  .slick-initialized .key-most__item {
    margin-right: 1em;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1724, sass/page/_index.scss */
  .slick-initialized .key-most__item {
    margin-right: 0.625rem;
    margin-bottom: 0.625rem !important;
  }
}
/* line 1738, sass/page/_index.scss */
.key-most__item:hover, .key-most__item:focus {
  -webkit-transform: translate3d(0, -6px, 0);
  transform: translate3d(0, -6px, 0);
  -webkit-box-shadow: 0.03846154em 0.03846154em 0.46153846em rgba(0, 0, 0, 0.15);
  box-shadow: 0.03846154em 0.03846154em 0.46153846em rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 767px) {
  /* line 1738, sass/page/_index.scss */
  .key-most__item:hover, .key-most__item:focus {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 1757, sass/page/_index.scss */
.key-most__item:hover .key-most__img, .key-most__item:focus .key-most__img {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}
/* line 1763, sass/page/_index.scss */
.key-most__img-w {
  position: relative;
  overflow: hidden;
  padding-top: 55.45454545%;
}
/* line 1770, sass/page/_index.scss */
.key-most__img-w:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 150%;
  width: 40%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  pointer-events: none;
  opacity: .1;
  background: rgba(220, 217, 236, 0.5);
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
/* line 1794, sass/page/_index.scss */
.key-most__img {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 1800, sass/page/_index.scss */
.key-most__body {
  padding: 1.73076923em 1.76923077em 1.23076923em;
  background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 1800, sass/page/_index.scss */
  .key-most__body {
    padding: 1.36363636em 1.36363636em 1.13636364em;
  }
}
/* line 1809, sass/page/_index.scss */
.key-most__inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 1813, sass/page/_index.scss */
.key-most__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 0.55em;
  color: #585858;
}
/* line 1827, sass/page/_index.scss */
.key-most__title {
  font-size: 1em;
  font-weight: 600;
  overflow: hidden;
  max-height: 129px;
  margin-bottom: 0.5em;
  padding-bottom: 3px;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 1827, sass/page/_index.scss */
  .key-most__title {
    max-height: 117px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1827, sass/page/_index.scss */
  .key-most__title {
    max-height: 111px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1827, sass/page/_index.scss */
  .key-most__title {
    max-height: 101px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1827, sass/page/_index.scss */
  .key-most__title {
    max-height: 89px;
  }
}
/* line 1855, sass/page/_index.scss */
.key-interest {
  margin-bottom: 5.1875rem;
}
@media screen and (max-width: 767px) {
  /* line 1855, sass/page/_index.scss */
  .key-interest {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1855, sass/page/_index.scss */
  .key-interest {
    margin-right: -0.625rem;
  }
}
/* line 1864, sass/page/_index.scss */
.key-interest__cont {
  font-size: 1.25rem;
  margin-top: -0.25em;
  margin-right: -1.15384615em;
  margin-left: -0.5em;
}
@media screen and (max-width: 1439px) {
  /* line 1864, sass/page/_index.scss */
  .key-interest__cont {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1864, sass/page/_index.scss */
  .key-interest__cont {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1864, sass/page/_index.scss */
  .key-interest__cont {
    margin-right: -2.82485876%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1864, sass/page/_index.scss */
  .key-interest__cont {
    font-size: 1rem;
    margin-right: 0;
  }
}
/* line 1887, sass/page/_index.scss */
.key-interest__item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 0.5em;
  -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-shadow: 0.05em 0.05em 0.3em rgba(0, 0, 0, 0.1);
  box-shadow: 0.05em 0.05em 0.3em rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  /* line 1887, sass/page/_index.scss */
  .key-interest__item {
    width: 47.25274725%;
    margin-right: 2.74725275%;
  }
  /* line 1900, sass/page/_index.scss */
  .key-interest__item:nth-child(-n+2) {
    display: inline-block !important;
    float: none;
  }
}
@media screen and (min-width: 992px) {
  /* line 1887, sass/page/_index.scss */
  .key-interest__item {
    width: 22.83687943%;
    margin-right: 2.12765957%;
  }
  /* line 1909, sass/page/_index.scss */
  .key-interest__item:nth-child(-n+3) {
    display: inline-block !important;
    float: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 1887, sass/page/_index.scss */
  .key-interest__item {
    margin-right: 0.625rem;
  }
}
/* line 1918, sass/page/_index.scss */
.slick-initialized .key-interest__item {
  margin-right: 1.5em;
}
@media screen and (max-width: 991px) {
  /* line 1918, sass/page/_index.scss */
  .slick-initialized .key-interest__item {
    margin-right: 1.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1918, sass/page/_index.scss */
  .slick-initialized .key-interest__item {
    margin-right: 0.625rem;
  }
}
/* line 1929, sass/page/_index.scss */
.key-interest__item:hover, .key-interest__item:focus {
  -webkit-transform: translate3d(0, -6px, 0);
  transform: translate3d(0, -6px, 0);
  -webkit-box-shadow: 0.5em 0.8em 0 rgba(115, 43, 118, 0.1);
  box-shadow: 0.5em 0.8em 0 rgba(115, 43, 118, 0.1);
}
@media screen and (max-width: 767px) {
  /* line 1929, sass/page/_index.scss */
  .key-interest__item:hover, .key-interest__item:focus {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.06);
    box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.06);
  }
}
/* line 1941, sass/page/_index.scss */
.key-interest__item:hover .key-interest__body, .key-interest__item:focus .key-interest__body {
  padding-top: 1.2em;
  -webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.06);
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.06);
}
/* line 1947, sass/page/_index.scss */
.key-interest__item:hover .key-interest__img-w, .key-interest__item:focus .key-interest__img-w {
  -webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.06);
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.06);
}
/* line 1961, sass/page/_index.scss */
.key-interest__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* line 1969, sass/page/_index.scss */
.key-interest__img-w {
  position: relative;
  overflow: hidden;
  padding-top: 68.63354037%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 1978, sass/page/_index.scss */
.key-interest__img-w:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 150%;
  width: 40%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  pointer-events: none;
  opacity: .1;
  background: rgba(220, 217, 236, 0.5);
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
/* line 2002, sass/page/_index.scss */
.key-interest__img {
  width: 100%;
}
/* line 2006, sass/page/_index.scss */
.key-interest__body {
  padding: 1.4em 1em 1.2em;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 2006, sass/page/_index.scss */
  .key-interest__body {
    padding: 1.375em 1em 1.125em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2006, sass/page/_index.scss */
  .key-interest__body {
    padding: 1.125rem 0.9375rem !important;
  }
}
/* line 2022, sass/page/_index.scss */
.key-interest__title {
  font-size: 1em;
  font-weight: 600;
  overflow: hidden;
  max-height: 96px;
  margin-bottom: 1.3em;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 2022, sass/page/_index.scss */
  .key-interest__title {
    max-height: 86px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2022, sass/page/_index.scss */
  .key-interest__title {
    max-height: 77px;
  }
}
@media screen and (max-width: 991px) {
  /* line 2022, sass/page/_index.scss */
  .key-interest__title {
    line-height: 1.3;
    max-height: 81px;
  }
}
@media screen and (max-width: 767px) {
  /* line 2022, sass/page/_index.scss */
  .key-interest__title {
    line-height: 1.3;
    max-height: 92px;
  }
}
/* line 2053, sass/page/_index.scss */
.key-follow {
  font-size: 1.125rem;
  padding-top: 4.05555556em;
  padding-bottom: 5.77777778em;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_key-follow.jpg") 0 0 no-repeat #e1ebf4;
}
@media screen and (max-width: 1439px) {
  /* line 2053, sass/page/_index.scss */
  .key-follow {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2053, sass/page/_index.scss */
  .key-follow {
    font-size: 0.875rem;
    padding-top: 2.28571429em;
    padding-bottom: 2.85714286em;
    background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_key-follow--sm.jpg") 100% 0 no-repeat #e1ebf4;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  /* line 2053, sass/page/_index.scss */
  .key-follow {
    position: relative;
    padding-top: 2em;
    padding-bottom: 3.14285714em;
    background-position: 0 0;
  }
  /* line 2080, sass/page/_index.scss */
  .key-follow .slick-dots-container {
    display: none !important;
  }
  /* line 2084, sass/page/_index.scss */
  .key-follow .slick-arrow {
    top: 1.9375rem;
    left: auto;
    width: auto;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    color: #732b76;
    border-radius: 0;
    background: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  /* line 2098, sass/page/_index.scss */
  .key-follow .slick-arrow:before {
    font-size: 1.5rem;
  }
  /* line 2102, sass/page/_index.scss */
  .key-follow .slick-prev {
    right: 3.9375rem;
    left: auto;
    color: #732b76;
  }
  /* line 2108, sass/page/_index.scss */
  .key-follow .slick-next {
    right: 0.9375rem;
  }
}
@media screen and (max-width: 1599px) {
  /* line 2113, sass/page/_index.scss */
  .key-follow .container {
    max-width: 100% !important;
  }
}
/* line 2122, sass/page/_index.scss */
.key-follow__heading {
  font-size: 2.8125rem;
  font-weight: 600;
  line-height: 1.25;
  margin-top: 0.55555556em;
  margin-bottom: 0.48888889em;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 2122, sass/page/_index.scss */
  .key-follow__heading {
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2122, sass/page/_index.scss */
  .key-follow__heading {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2122, sass/page/_index.scss */
  .key-follow__heading {
    font-size: 1.75rem;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 2122, sass/page/_index.scss */
  .key-follow__heading {
    font-size: 1.375rem;
  }
}
/* line 2148, sass/page/_index.scss */
.key-follow__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 1.55555556em;
}
@media screen and (max-width: 991px) {
  /* line 2148, sass/page/_index.scss */
  .key-follow__desc {
    margin-bottom: 1.5em;
  }
}
/* line 2159, sass/page/_index.scss */
.key-follow__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 991px) {
  /* line 2159, sass/page/_index.scss */
  .key-follow__body {
    display: block;
  }
}
/* line 2166, sass/page/_index.scss */
.key-follow__l {
  width: 313px;
  padding-right: 2.5rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 1199px) {
  /* line 2166, sass/page/_index.scss */
  .key-follow__l {
    width: 275px;
  }
}
@media screen and (max-width: 991px) {
  /* line 2166, sass/page/_index.scss */
  .key-follow__l {
    width: 100%;
    margin-bottom: 1.85714286em;
    padding-right: 0;
  }
}
/* line 2183, sass/page/_index.scss */
.key-follow__r {
  width: calc(100% - 313px);
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 1199px) {
  /* line 2183, sass/page/_index.scss */
  .key-follow__r {
    width: calc(100% - 275px);
  }
}
@media screen and (max-width: 991px) {
  /* line 2183, sass/page/_index.scss */
  .key-follow__r {
    width: 100%;
  }
}
/* line 2199, sass/page/_index.scss */
.follow-type {
  font-size: 1.125rem;
  margin: 0 -0.5em;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 1199px) {
  /* line 2199, sass/page/_index.scss */
  .follow-type {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2199, sass/page/_index.scss */
  .follow-type {
    margin: 0 -1em;
  }
}
/* line 2215, sass/page/_index.scss */
.follow-type__item {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  width: 3em;
  margin: 0 0.5em 0.5em;
  border-radius: 50%;
}
@media screen and (max-width: 991px) {
  /* line 2215, sass/page/_index.scss */
  .follow-type__item {
    width: 2.85714286em;
    margin: 0 1em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2215, sass/page/_index.scss */
  .follow-type__item {
    margin: 0 0.71428571em;
  }
}
/* line 2233, sass/page/_index.scss */
.follow-type__link {
  display: block;
}
/* line 2237, sass/page/_index.scss */
.follow-type__img {
  width: 100%;
}
/* line 2244, sass/page/_index.scss */
.follow {
  font-size: 1rem;
}
@media screen and (max-width: 1439px) {
  /* line 2244, sass/page/_index.scss */
  .follow {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2244, sass/page/_index.scss */
  .follow {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2244, sass/page/_index.scss */
  .follow {
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 2244, sass/page/_index.scss */
  .follow {
    font-size: 0.8125rem;
  }
}
/* line 2259, sass/page/_index.scss */
.follow__cont {
  margin-left: -1.25em;
  padding-bottom: 2.5em;
}
@media screen and (max-width: 767px) {
  /* line 2259, sass/page/_index.scss */
  .follow__cont {
    margin-left: 0;
  }
}
/* line 2267, sass/page/_index.scss */
.follow__wrap {
  padding: 1.625em 1.625em 1.3125em;
}
@media screen and (max-width: 991px) {
  /* line 2267, sass/page/_index.scss */
  .follow__wrap {
    padding: 1.72727273em 1.54545455em 1.63636364em;
  }
}
@media screen and (max-width: 767px) {
  /* line 2267, sass/page/_index.scss */
  .follow__wrap {
    padding: 1.61538462em 1.61538462em 2.69230769em 2.07692308em;
  }
}
/* line 2277, sass/page/_index.scss */
.follow__item {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  display: block;
  height: 100%;
  min-height: 12.5em;
  margin-left: 2.6875em;
  -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) calc(100% - 10px);
  background-size: 1.9375em auto;
}
@media screen and (max-width: 991px) {
  /* line 2277, sass/page/_index.scss */
  .follow__item {
    margin-left: 3.63636364em;
    background-size: 1.625rem auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 2277, sass/page/_index.scss */
  .follow__item {
    margin-left: 1.61538462em;
    padding-bottom: 0;
    background-position: calc(100% - 13px) calc(100% - 20px);
    background-size: 1.75rem auto;
  }
}
/* line 2306, sass/page/_index.scss */
.slick-initizalized .follow__item {
  -webkit-animation: fadeInRight 1.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) both;
  animation: fadeInRight 1.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) both;
}
/* line 2310, sass/page/_index.scss */
.no-js .follow__item {
  width: 21.5625em;
}
@media screen and (max-width: 767px) {
  /* line 2310, sass/page/_index.scss */
  .no-js .follow__item {
    width: auto;
  }
}
/* line 2317, sass/page/_index.scss */
.follow__item--fb {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_social-fb.png");
}
/* line 2320, sass/page/_index.scss */
.follow__item--ig {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_social-ig.png");
}
/* line 2323, sass/page/_index.scss */
.follow__item--tt {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_social-tt-new.png");
}
/* line 2326, sass/page/_index.scss */
.follow__item--yt {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_social-yt.png");
}
/* line 2329, sass/page/_index.scss */
.follow__item--li {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_social-li.png");
}
/* line 2332, sass/page/_index.scss */
.follow__item--wb {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_social-wb.svg");
}
/* line 2338, sass/page/_index.scss */
.follow__item:hover .follow__img-bg,
.follow__item:hover .follow__img-c, .follow__item:focus .follow__img-bg,
.follow__item:focus .follow__img-c {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}
/* line 2343, sass/page/_index.scss */
.follow__item:hover .follow__img-w, .follow__item:focus .follow__img-w {
  -webkit-box-shadow: 0.0625rem 0.0625rem 0.375rem rgba(115, 43, 118, 0.5);
  box-shadow: 0.0625rem 0.0625rem 0.375rem rgba(115, 43, 118, 0.5);
}
/* line 2349, sass/page/_index.scss */
.follow__img-w {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.4375em;
  margin-left: -3.25em;
  -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 2349, sass/page/_index.scss */
  .follow__img-w {
    margin-bottom: 1.69230769em;
    margin-left: -3.61538462em;
  }
}
/* line 2364, sass/page/_index.scss */
.follow__img-c {
  padding-top: 62.5%;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #f3f5f8;
  -webkit-box-shadow: 0.0625em -0.0625em 0.5em 0.0625em rgba(34, 30, 31, 0.16);
  box-shadow: 0.0625em -0.0625em 0.5em 0.0625em rgba(34, 30, 31, 0.16);
}
/* line 2373, sass/page/_index.scss */
.follow__img-bg {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: .3;
  background: center center no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  /* line 2392, sass/page/_index.scss */
  .follow__context {
    padding-right: 1.125rem;
  }
}
/* line 2398, sass/page/_index.scss */
.follow__text {
  font-size: 1em;
  overflow: hidden;
  margin-bottom: 1.375em;
  color: #000000;
}
/* line 2407, sass/page/_index.scss */
.follow__text.js-dot {
  max-height: 133px;
}
@media screen and (max-width: 1199px) {
  /* line 2407, sass/page/_index.scss */
  .follow__text.js-dot {
    max-height: 126px;
  }
}
@media screen and (max-width: 991px) {
  /* line 2407, sass/page/_index.scss */
  .follow__text.js-dot {
    max-height: 121px;
  }
}
@media screen and (max-width: 767px) {
  /* line 2407, sass/page/_index.scss */
  .follow__text.js-dot {
    max-height: 126px;
  }
}
/* line 2421, sass/page/_index.scss */
.follow__date {
  font-size: 1em;
  font-weight: 500;
  color: #000000;
}
/* line 1, sass/page/_inner_generic.scss */
.inner-container {
  position: relative;
  width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_inner_generic.scss */
  .inner-container {
    width: 1170px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_inner_generic.scss */
  .inner-container {
    width: 970px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_inner_generic.scss */
  .inner-container {
    width: auto;
  }
}
/* line 17, sass/page/_inner_generic.scss */
.inner-full, .big-pic {
  margin-left: calc((-100vw + 1440px) / 2);
}
@media screen and (max-width: 1439px) {
  /* line 17, sass/page/_inner_generic.scss */
  .inner-full, .big-pic {
    margin-left: calc((-100vw + 1170px) / 2);
  }
}
@media screen and (max-width: 1199px) {
  /* line 17, sass/page/_inner_generic.scss */
  .inner-full, .big-pic {
    margin-left: calc((-100vw + 970px) / 2);
  }
}
@media screen and (max-width: 991px) {
  /* line 17, sass/page/_inner_generic.scss */
  .inner-full, .big-pic {
    margin-left: 0;
  }
}
@supports (--var: 0) {
  /* line 17, sass/page/_inner_generic.scss */
  .inner-full, .big-pic {
    margin-left: calc((-100vw + var(--js-scbar) + 1440px) / 2);
  }
  @media screen and (max-width: 1439px) {
    /* line 17, sass/page/_inner_generic.scss */
    .inner-full, .big-pic {
      margin-left: calc((-100vw + var(--js-scbar) + 1170px) / 2);
    }
  }
  @media screen and (max-width: 1199px) {
    /* line 17, sass/page/_inner_generic.scss */
    .inner-full, .big-pic {
      margin-left: calc((-100vw + var(--js-scbar) + 970px) / 2);
    }
  }
  @media screen and (max-width: 991px) {
    /* line 17, sass/page/_inner_generic.scss */
    .inner-full, .big-pic {
      margin-left: 0;
    }
  }
}
/* line 42, sass/page/_inner_generic.scss */
.inner-full--stroke {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-stroke.png");
  background-size: 8px 8px;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* line 42, sass/page/_inner_generic.scss */
  .inner-full--stroke {
    background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-stroke-xs.png");
  }
}
/* line 51, sass/page/_inner_generic.scss */
.inner-full--sharing {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_sharings-right.png"), url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_sharings-left.png");
  background-repeat: no-repeat;
  background-position: right top, left bottom;
  background-size: 48.125% auto, 45.69444444% auto;
}
/* line 58, sass/page/_inner_generic.scss */
.cke_editable .inner-full, .cke_editable .big-pic {
  margin-left: 0 !important;
}
/* line 63, sass/page/_inner_generic.scss */
.subinner-container {
  position: relative;
  width: 1440px;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 63, sass/page/_inner_generic.scss */
  .subinner-container {
    width: 1170px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 63, sass/page/_inner_generic.scss */
  .subinner-container {
    width: 970px;
  }
}
@media screen and (max-width: 991px) {
  /* line 63, sass/page/_inner_generic.scss */
  .subinner-container {
    width: auto;
    margin-left: 0;
  }
}
/* line 80, sass/page/_inner_generic.scss */
.inner-content {
  min-height: 400px;
  background-color: #ffffff;
}
/* line 85, sass/page/_inner_generic.scss */
.inner-content:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 99.99%;
  width: 100vw;
  height: 100%;
  content: "";
  background-color: #ffffff;
}
/* line 98, sass/page/_inner_generic.scss */
.safari .inner-content:before {
  -webkit-transform: translateZ(1px);
  transform: translateZ(1px);
}
/* line 103, sass/page/_inner_generic.scss */
.ie .inner-content[data-aos]:before {
  -webkit-transition: background-color 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s;
  transition: background-color 1.4s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s;
  background-color: transparent;
}
/* line 109, sass/page/_inner_generic.scss */
.ie .inner-content.aos-animate.aos-init:before {
  background-color: #ffffff;
}
/* line 113, sass/page/_inner_generic.scss */
.inner-content:after {
  display: table;
  content: "";
}
/* line 122, sass/page/_inner_generic.scss */
.page-main {
  position: relative;
}
/* line 125, sass/page/_inner_generic.scss */
.page-main--breadonly {
  padding: 2.75rem 0rem 2.8125rem;
}
@media screen and (max-width: 991px) {
  /* line 125, sass/page/_inner_generic.scss */
  .page-main--breadonly {
    padding: 1.5rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 125, sass/page/_inner_generic.scss */
  .page-main--breadonly {
    padding: 2.375rem 0rem 1.5rem;
  }
}
/* line 135, sass/page/_inner_generic.scss */
.page-main--full {
  padding: 1.3125rem 22.5rem 1.3125rem 0rem;
}
@media screen and (max-width: 1439px) {
  /* line 135, sass/page/_inner_generic.scss */
  .page-main--full {
    padding: 1.25rem 17.5rem 1.25rem 0rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 135, sass/page/_inner_generic.scss */
  .page-main--full {
    padding: 0.9375rem 16.25rem 0.9375rem 0rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 135, sass/page/_inner_generic.scss */
  .page-main--full {
    padding: 0.9375rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 135, sass/page/_inner_generic.scss */
  .page-main--full {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.9375rem 0.9375rem 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 158, sass/page/_inner_generic.scss */
  .mob-margin-top {
    margin-top: 0.9375rem;
  }
}
/* line 164, sass/page/_inner_generic.scss */
.page-title {
  font-size: 4.25rem;
  font-weight: 400;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 20.5vw;
  margin-bottom: 0.07352941em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  letter-spacing: -0.02941176em;
  color: #ffffff;
  text-shadow: 0rem -0.0625rem 0.5rem rgba(0, 0, 0, 0.75);
}
/* line 183, sass/page/_inner_generic.scss */
.ie .page-title {
  display: table-cell;
  margin-bottom: 0;
  padding-bottom: 0.07352941em;
  vertical-align: bottom;
}
@media screen and (max-width: 1439px) {
  /* line 164, sass/page/_inner_generic.scss */
  .page-title {
    font-size: 3.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 164, sass/page/_inner_generic.scss */
  .page-title {
    font-size: 3.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 164, sass/page/_inner_generic.scss */
  .page-title {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 164, sass/page/_inner_generic.scss */
  .page-title {
    font-size: 1.625rem;
    min-height: 100%;
    margin-bottom: 0;
    padding-right: 3.125rem;
    text-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.65);
  }
  /* line 209, sass/page/_inner_generic.scss */
  .ie .page-title {
    padding-bottom: 0;
  }
}
/* line 215, sass/page/_inner_generic.scss */
.page-detail-row {
  margin: 0 0 2.5rem;
}
@media screen and (max-width: 991px) {
  /* line 215, sass/page/_inner_generic.scss */
  .page-detail-row {
    margin-bottom: 1.875rem;
  }
}
/* line 222, sass/page/_inner_generic.scss */
.page-detail-title {
  font-size: 2.8125rem;
  font-weight: 400;
  margin-bottom: 0.37777778em;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 222, sass/page/_inner_generic.scss */
  .page-detail-title {
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 222, sass/page/_inner_generic.scss */
  .page-detail-title {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 222, sass/page/_inner_generic.scss */
  .page-detail-title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 222, sass/page/_inner_generic.scss */
  .page-detail-title {
    font-size: 1.5rem;
    padding-right: 0.625rem;
  }
}
/* line 245, sass/page/_inner_generic.scss */
.page-date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  display: block;
  margin-bottom: 0.35em;
  color: #585858;
}
@media screen and (max-width: 1439px) {
  /* line 245, sass/page/_inner_generic.scss */
  .page-date {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 245, sass/page/_inner_generic.scss */
  .page-date {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 245, sass/page/_inner_generic.scss */
  .page-date {
    font-size: 0.875rem;
  }
}
/* line 267, sass/page/_inner_generic.scss */
.bg-extend {
  position: relative;
  margin-right: -1.875rem;
  padding-right: 1.875rem;
}
/* line 273, sass/page/_inner_generic.scss */
.page-content--narrow .bg-extend {
  margin-right: -13.625rem;
  padding-right: 13.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 273, sass/page/_inner_generic.scss */
  .page-content--narrow .bg-extend {
    margin-right: -11.25rem;
    padding-right: 11.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 273, sass/page/_inner_generic.scss */
  .page-content--narrow .bg-extend {
    margin-right: -9.375rem;
    padding-right: 9.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 273, sass/page/_inner_generic.scss */
  .page-content--narrow .bg-extend {
    margin-right: -3.75rem;
    padding-right: 3.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 273, sass/page/_inner_generic.scss */
  .page-content--narrow .bg-extend {
    margin-right: -1.5625rem;
    padding-right: 1.5625rem;
  }
}
/* line 294, sass/page/_inner_generic.scss */
.bg-extend:before {
  position: absolute;
  top: 0;
  right: 100%;
  bottom: 0;
  width: 100vw;
  content: "";
  background-color: #ffffff;
}
/* line 307, sass/page/_inner_generic.scss */
.bg-extend--gray {
  background-color: #f6f6f6;
}
/* line 310, sass/page/_inner_generic.scss */
.bg-extend--gray:before {
  background-color: #f6f6f6;
}
/* line 315, sass/page/_inner_generic.scss */
.bg-extend--gray1 {
  background-color: #F1F2F5;
}
/* line 318, sass/page/_inner_generic.scss */
.bg-extend--gray1:before {
  background-color: #F1F2F5;
}
/* line 323, sass/page/_inner_generic.scss */
.bg-extend--blue {
  background-color: #e1ebf4;
}
/* line 326, sass/page/_inner_generic.scss */
.bg-extend--blue:before {
  background-color: #e1ebf4;
}
/* line 331, sass/page/_inner_generic.scss */
.bg-extend--purple {
  background-color: #d1cfe0;
}
/* line 334, sass/page/_inner_generic.scss */
.bg-extend--purple:before {
  background-color: #d1cfe0;
}
/* line 339, sass/page/_inner_generic.scss */
.bg-extend--palepurple {
  background-color: #f3f5f8;
}
/* line 342, sass/page/_inner_generic.scss */
.bg-extend--palepurple:before {
  background-color: #f3f5f8;
}
/* line 347, sass/page/_inner_generic.scss */
.bg-extend--palepurple3 {
  background-color: #f1f2f6;
}
/* line 350, sass/page/_inner_generic.scss */
.bg-extend--palepurple3:before {
  background-color: #f1f2f6;
}
/* line 369, sass/page/_inner_generic.scss */
.block-title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 1.8125em;
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 369, sass/page/_inner_generic.scss */
  .block-title {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 369, sass/page/_inner_generic.scss */
  .block-title {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 369, sass/page/_inner_generic.scss */
  .block-title {
    font-size: 1.625rem;
    margin-bottom: 0.76923077em;
  }
}
/* line 390, sass/page/_inner_generic.scss */
.big-pic {
  background-color: #f3f5f8;
}
/* line 399, sass/page/_inner_generic.scss */
.big-pic__c {
  position: relative;
  max-width: 1680px;
  margin-left: auto;
}
/* line 406, sass/page/_inner_generic.scss */
.big-pic__img {
  width: 100%;
}
/* line 410, sass/page/_inner_generic.scss */
.big-pic__body {
  position: absolute;
  bottom: 0;
  width: 1920px;
}
/* line 417, sass/page/_inner_generic.scss */
.big-pic__caption {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.9375rem;
  font-style: italic;
  line-height: 1.26666667;
  position: absolute;
  bottom: 0;
  min-width: 25%;
  max-width: 68.50756082%;
  padding: 1.13333333em 2em 1.06666667em;
  color: #ffffff;
  background-color: #732b76;
}
/* line 434, sass/page/_inner_generic.scss */
.big-pic--left-text .big-pic__caption {
  left: 0;
}
/* line 437, sass/page/_inner_generic.scss */
.big-pic--right-text .big-pic__caption {
  right: 0;
}
@media screen and (max-width: 1439px) {
  /* line 417, sass/page/_inner_generic.scss */
  .big-pic__caption {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 417, sass/page/_inner_generic.scss */
  .big-pic__caption {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 417, sass/page/_inner_generic.scss */
  .big-pic__caption {
    font-size: 0.75rem;
    max-width: 75%;
    padding: 0.83333333em 2.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 417, sass/page/_inner_generic.scss */
  .big-pic__caption {
    font-size: 0.6875rem;
    position: static;
    min-width: 100%;
    max-width: none;
    padding: 0.90909091em 1.36363636em;
  }
}
/* line 465, sass/page/_inner_generic.scss */
.page-msg {
  font-size: 0.875rem;
  font-style: italic;
  color: #000000;
}
@media screen and (max-width: 991px) {
  /* line 465, sass/page/_inner_generic.scss */
  .page-msg {
    margin-bottom: 1.42857143em;
  }
}
/* line 475, sass/page/_inner_generic.scss */
.inner-heading {
  font-size: 2.8125rem;
  line-height: 1.25;
  margin-bottom: 0.6em;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 475, sass/page/_inner_generic.scss */
  .inner-heading {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 475, sass/page/_inner_generic.scss */
  .inner-heading {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 475, sass/page/_inner_generic.scss */
  .inner-heading {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 475, sass/page/_inner_generic.scss */
  .inner-heading {
    font-size: 1.5625rem;
  }
}
/* line 497, sass/page/_inner_generic.scss */
.hl-block {
  padding: 4.125rem 0 2.9375rem;
}
/* line 501, sass/page/_inner_generic.scss */
.hl-heading {
  font-size: 2.8125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.11111111em;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
/* line 510, sass/page/_inner_generic.scss */
.hl-heading--lessm {
  margin-bottom: 0.66666667em;
}
@media screen and (max-width: 1439px) {
  /* line 501, sass/page/_inner_generic.scss */
  .hl-heading {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 501, sass/page/_inner_generic.scss */
  .hl-heading {
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 501, sass/page/_inner_generic.scss */
  .hl-heading {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 501, sass/page/_inner_generic.scss */
  .hl-heading {
    font-size: 1.5625rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /* line 528, sass/page/_inner_generic.scss */
  .hl-heading strong {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
  }
}
/* line 533, sass/page/_inner_generic.scss */
.hl-heading--sm {
  font-size: 2rem;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 1199px) {
  /* line 533, sass/page/_inner_generic.scss */
  .hl-heading--sm {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 533, sass/page/_inner_generic.scss */
  .hl-heading--sm {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 533, sass/page/_inner_generic.scss */
  .hl-heading--sm {
    font-size: 1.375rem;
    margin-bottom: 0.81818182em;
  }
}
/* line 550, sass/page/_inner_generic.scss */
.hl-heading--content {
  margin-bottom: 1.75rem;
}
@media screen and (max-width: 1199px) {
  /* line 550, sass/page/_inner_generic.scss */
  .hl-heading--content {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 550, sass/page/_inner_generic.scss */
  .hl-heading--content {
    margin-bottom: 0.9375rem;
  }
}
/* line 560, sass/page/_inner_generic.scss */
.hl-heading__text {
  font-size: 1em;
  line-height: 1.25;
  margin-bottom: 0;
  color: #732b76;
}
/* line 568, sass/page/_inner_generic.scss */
.hl-heading--blue .hl-heading__text {
  color: #2D2F6B;
}
/* line 572, sass/page/_inner_generic.scss */
.hl-heading--center .hl-heading__text {
  margin-right: auto;
  margin-left: auto;
}
/* line 577, sass/page/_inner_generic.scss */
.hl-heading--sm .hl-heading__text {
  font-weight: 600;
}
/* line 582, sass/page/_inner_generic.scss */
.hl-heading__link {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.35555556em;
  line-height: 2.8;
  position: relative;
  margin-left: 1.375em;
  padding-left: 1.6875em;
  -webkit-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #393939;
}
/* line 597, sass/page/_inner_generic.scss */
.hl-heading--sm .hl-heading__link {
  font-size: 0.5em;
  line-height: 2;
}
@media screen and (max-width: 991px) {
  /* line 597, sass/page/_inner_generic.scss */
  .hl-heading--sm .hl-heading__link {
    padding-bottom: 0;
  }
  /* line 603, sass/page/_inner_generic.scss */
  .hl-heading--sm .hl-heading__link:before {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 991px) {
  /* line 582, sass/page/_inner_generic.scss */
  .hl-heading__link {
    line-height: 1.3;
    padding-bottom: 0.87890625em;
  }
}
@media screen and (max-width: 767px) {
  /* line 582, sass/page/_inner_generic.scss */
  .hl-heading__link {
    font-size: 0.52em;
    margin-top: 1.15384615em;
    margin-left: auto;
    padding-bottom: 0.23076923em;
  }
}
/* line 621, sass/page/_inner_generic.scss */
.hl-heading__link:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 1.0625em;
  margin: auto;
  content: "";
  background-color: #898989;
}
@media screen and (max-width: 991px) {
  /* line 621, sass/page/_inner_generic.scss */
  .hl-heading__link:before {
    margin-bottom: 0.87890625em;
  }
}
@media screen and (max-width: 767px) {
  /* line 621, sass/page/_inner_generic.scss */
  .hl-heading__link:before {
    content: none;
  }
}
/* line 642, sass/page/_inner_generic.scss */
.hl-heading__link:hover, .hl-heading__link:focus {
  color: #732b76;
}
/* line 649, sass/page/_inner_generic.scss */
.page-nav {
  font-size: 1.0625rem;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_page-nav-bg.png") 0 0 repeat;
  background-size: 0.05882353em 3.64705882em;
}
@media screen and (max-width: 1199px) {
  /* line 649, sass/page/_inner_generic.scss */
  .page-nav {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 649, sass/page/_inner_generic.scss */
  .page-nav {
    font-size: 0.8125rem;
  }
}
/* line 667, sass/page/_inner_generic.scss */
.page-nav__list {
  margin-right: -3.47826087%;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
/* line 675, sass/page/_inner_generic.scss */
.page-nav__item {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 3.64705882em;
  margin-right: 3.36134454%;
  list-style: none;
}
/* line 699, sass/page/_inner_generic.scss */
.page-nav__link {
  font-size: 1em;
  font-weight: 600;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #585858;
}
/* line 715, sass/page/_inner_generic.scss */
.page-nav__link:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 0.11764706em;
  content: "";
  -webkit-transform: translateX(-50%) scaleX(0);
  -ms-transform: translateX(-50%) scaleX(0);
  transform: translateX(-50%) scaleX(0);
  opacity: 0;
  background-color: #732b76;
}
/* line 730, sass/page/_inner_generic.scss */
.is-active > .page-nav__link,
.active > .page-nav__link, .page-nav__link:hover, .page-nav__link:focus {
  color: #732b76;
}
/* line 738, sass/page/_inner_generic.scss */
.active > .page-nav__link:after {
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  -webkit-transform: translateX(-50%) scaleX(1);
  -ms-transform: translateX(-50%) scaleX(1);
  transform: translateX(-50%) scaleX(1);
  opacity: 1;
}
@media screen and (max-width: 1199px) {
  /* line 747, sass/page/_inner_generic.scss */
  .page-nav__dropdown {
    margin-top: 1em;
  }
}
/* line 755, sass/page/_inner_generic.scss */
.page-nav-sub.is-active {
  z-index: 2;
}
/* line 759, sass/page/_inner_generic.scss */
.page-nav-sub__list {
  font-size: 1rem;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  visibility: hidden;
  width: 15.625em;
  margin-left: -1.25em;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale(1.1) perspective(0.1px);
  transform: scale(1.1) perspective(0.1px);
  opacity: 0;
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1199px) {
  /* line 759, sass/page/_inner_generic.scss */
  .page-nav-sub__list {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 759, sass/page/_inner_generic.scss */
  .page-nav-sub__list {
    font-size: 0.75rem;
  }
}
/* line 786, sass/page/_inner_generic.scss */
.is-active .page-nav-sub__list {
  visibility: visible;
  -webkit-transform: scale(1) perspective(0.1px);
  transform: scale(1) perspective(0.1px);
  opacity: 1;
}
/* line 797, sass/page/_inner_generic.scss */
.page-nav-sub__item:last-child .page-nav-sub__link {
  border-bottom: none;
}
/* line 803, sass/page/_inner_generic.scss */
.page-nav-sub__link {
  position: relative;
  z-index: 0;
  display: block;
  padding: 0.875em 1.25em;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: left;
  color: #333333;
  border-bottom: 1px solid rgba(216, 216, 216, 0.4);
  background-color: #f4f5f9;
}
/* line 818, sass/page/_inner_generic.scss */
.page-nav-sub__link:after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 4px;
  height: 0;
  content: "";
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  background-color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 818, sass/page/_inner_generic.scss */
  .page-nav-sub__link:after {
    width: 3px;
  }
}
/* line 843, sass/page/_inner_generic.scss */
.page-nav-sub__link:hover:after, .page-nav-sub__link:focus:after {
  visibility: visible;
  height: 100%;
  opacity: 1;
}
/* line 854, sass/page/_inner_generic.scss */
.page-top-content {
  margin-bottom: 2.6875rem;
}
/* line 858, sass/page/_inner_generic.scss */
.page-detail-content {
  margin-bottom: 2.0625rem;
}
/* line 862, sass/page/_inner_generic.scss */
.page-cate {
  font-size: 0.9375rem;
}
@media screen and (max-width: 1439px) {
  /* line 862, sass/page/_inner_generic.scss */
  .page-cate {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 862, sass/page/_inner_generic.scss */
  .page-cate {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 862, sass/page/_inner_generic.scss */
  .page-cate {
    font-size: 0.75rem;
  }
}
/* line 874, sass/page/_inner_generic.scss */
.page-cate__head {
  font-size: 1.46666667em;
  font-weight: 600;
  line-height: 1;
  padding: 0.59090909em 1.09090909em 0.54545455em;
  text-transform: uppercase;
  color: #732b76;
  background-color: #f1f2f6;
}
/* line 887, sass/page/_inner_generic.scss */
.page-cate__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 894, sass/page/_inner_generic.scss */
.page-cate__item {
  border-bottom: 1px solid #E1E1E1;
}
/* line 898, sass/page/_inner_generic.scss */
.page-cate__link {
  font-size: 1em;
  font-weight: 600;
  display: block;
  padding: 0.93333333em 1.6em 0.66666667em;
  color: #000000;
}
/* line 910, sass/page/_inner_generic.scss */
.page-pic {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 1199px) {
  /* line 910, sass/page/_inner_generic.scss */
  .page-pic {
    margin-bottom: 1.875rem;
  }
}
/* line 916, sass/page/_inner_generic.scss */
.page-pic__img {
  width: 100%;
}
/* line 922, sass/page/_inner_generic.scss */
.color-tabs {
  font-size: 1.25rem;
  max-width: 1680px;
  margin-bottom: 2.04166667em;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 922, sass/page/_inner_generic.scss */
  .color-tabs {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 922, sass/page/_inner_generic.scss */
  .color-tabs {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 935, sass/page/_inner_generic.scss */
  .color-tabs .dropdown {
    margin-top: 0.625rem;
  }
}
/* line 940, sass/page/_inner_generic.scss */
.color-tabs__navs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
}
/* line 951, sass/page/_inner_generic.scss */
.color-tabs__item {
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 33.33333333%;
  margin: 0.6em 0.6em 0em 0em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-align: center;
  border-bottom: 0.2em solid #003E97;
  background-color: #F7F7F7;
}
/* line 973, sass/page/_inner_generic.scss */
.color-tabs__item:hover, .color-tabs__item:focus, .color-tabs__item.active {
  background-color: #003E97;
}
/* line 979, sass/page/_inner_generic.scss */
.color-tabs__item:last-child {
  margin-right: 0;
}
/* line 983, sass/page/_inner_generic.scss */
.color-tabs__item--green {
  border-bottom-color: #047884;
}
/* line 986, sass/page/_inner_generic.scss */
.color-tabs__item--green:hover, .color-tabs__item--green:focus, .color-tabs__item--green.active {
  background-color: #047884;
}
/* line 993, sass/page/_inner_generic.scss */
.color-tabs__item--darkblue {
  border-bottom-color: #002157;
}
/* line 996, sass/page/_inner_generic.scss */
.color-tabs__item--darkblue:hover, .color-tabs__item--darkblue:focus, .color-tabs__item--darkblue.active {
  background-color: #002157;
}
/* line 1005, sass/page/_inner_generic.scss */
.color-tabs__item:hover .color-tabs__link, .color-tabs__item:focus .color-tabs__link {
  color: #ffffff;
}
/* line 1011, sass/page/_inner_generic.scss */
.color-tabs__link {
  display: block;
  padding: 0.8em 1.5em 0.6em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #000000;
}
/* line 1020, sass/page/_inner_generic.scss */
.active > .color-tabs__link {
  color: #ffffff;
}
/* line 1024, sass/page/_inner_generic.scss */
.color-tabs__link:hover, .color-tabs__link:focus {
  color: #ffffff;
}
/* line 1030, sass/page/_inner_generic.scss */
.color-tabs__bottom {
  margin-top: 0.75rem;
}
/* line 1034, sass/page/_inner_generic.scss */
.color-tabs__content {
  margin-right: -30px;
}
@media screen and (max-width: 991px) {
  /* line 1034, sass/page/_inner_generic.scss */
  .color-tabs__content {
    margin-right: 0;
  }
}
/* line 1042, sass/page/_inner_generic.scss */
.olpane {
  font-size: 1.125rem;
  max-width: 1680px;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 1042, sass/page/_inner_generic.scss */
  .olpane {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1042, sass/page/_inner_generic.scss */
  .olpane {
    font-size: 0.875rem;
  }
}
/* line 1056, sass/page/_inner_generic.scss */
.olpane:hover .color-tabs__link, .olpane:focus .color-tabs__link {
  color: #ffffff;
}
/* line 1061, sass/page/_inner_generic.scss */
.olpane__wrap {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
/* line 1068, sass/page/_inner_generic.scss */
.olpane__img-w {
  position: relative;
  z-index: 0;
}
/* line 1073, sass/page/_inner_generic.scss */
.olpane__img-c {
  background-color: #f3f5f8;
}
/* line 1077, sass/page/_inner_generic.scss */
.olpane__img {
  width: 100%;
}
/* line 1081, sass/page/_inner_generic.scss */
.olpane__body {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 767px) {
  /* line 1081, sass/page/_inner_generic.scss */
  .olpane__body {
    position: static;
  }
}
/* line 1098, sass/page/_inner_generic.scss */
.olpane__context {
  position: absolute;
  bottom: 8.47457627%;
  left: 3.54609929%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49.64539007%;
  padding: 2.9787234% 2.83687943% 1.63120567%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: rgba(244, 245, 249, 0.95);
}
@media screen and (max-width: 1439px) {
  /* line 1098, sass/page/_inner_generic.scss */
  .olpane__context {
    top: 50%;
    bottom: auto;
    left: 2%;
    width: 65%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 991px) {
  /* line 1098, sass/page/_inner_generic.scss */
  .olpane__context {
    padding: 2.54237288% 3.53107345% 1.69491525% 2.82485876%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1098, sass/page/_inner_generic.scss */
  .olpane__context {
    position: static;
    width: auto;
    padding: 0.9375rem;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/* line 1142, sass/page/_inner_generic.scss */
.olpane__inner {
  overflow: hidden;
  max-height: 300px;
  padding-bottom: 2px;
}
@media screen and (max-width: 1439px) {
  /* line 1142, sass/page/_inner_generic.scss */
  .olpane__inner {
    max-height: 220px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1142, sass/page/_inner_generic.scss */
  .olpane__inner {
    max-height: 214px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1142, sass/page/_inner_generic.scss */
  .olpane__inner {
    max-height: 274px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1142, sass/page/_inner_generic.scss */
  .olpane__inner {
    max-height: none;
  }
}
/* line 1162, sass/page/_inner_generic.scss */
.olpane__heading {
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.76923077em;
}
/* line 1170, sass/page/_inner_generic.scss */
.olpane__content {
  font-size: 1em;
}
/* line 1176, sass/page/_inner_generic.scss */
.sharings-hl {
  font-size: 2rem;
  padding: 2.5rem 0rem 2.9375rem;
}
@media screen and (max-width: 1199px) {
  /* line 1176, sass/page/_inner_generic.scss */
  .sharings-hl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1176, sass/page/_inner_generic.scss */
  .sharings-hl {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1176, sass/page/_inner_generic.scss */
  .sharings-hl {
    font-size: 1.5rem;
    padding-bottom: 0;
  }
}
/* line 1192, sass/page/_inner_generic.scss */
.sharings-hl__title {
  font-weight: 700;
  color: #732b76;
}
/* line 1198, sass/page/_inner_generic.scss */
.sharings-hl__slider {
  position: relative;
}
/* line 1202, sass/page/_inner_generic.scss */
.sharings-hl__item {
  width: 100%;
}
/* line 1206, sass/page/_inner_generic.scss */
.sharings-hl__drag {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 24.14414414%;
  margin: 0 5.04504505% 7.65765766% 8.10810811%;
}
/* line 1216, sass/page/_inner_generic.scss */
.sharings-slide {
  font-size: 2.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1439px) {
  /* line 1216, sass/page/_inner_generic.scss */
  .sharings-slide {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1216, sass/page/_inner_generic.scss */
  .sharings-slide {
    font-size: 2.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1216, sass/page/_inner_generic.scss */
  .sharings-slide {
    font-size: 1.625rem;
  }
}
/* line 1230, sass/page/_inner_generic.scss */
.sharings-slide__left {
  width: 67.75362319%;
  padding: 5.07246377% 4.05797101% 11.5942029% 5.07246377%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1199px) {
  /* line 1230, sass/page/_inner_generic.scss */
  .sharings-slide__left {
    padding-left: 1.5625rem;
  }
}
/* line 1240, sass/page/_inner_generic.scss */
.sharings-slide__right {
  width: 32.24637681%;
  padding-right: 6.52173913%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 1247, sass/page/_inner_generic.scss */
.sharings-slide__quote {
  font-weight: 700;
  font-style: italic;
  line-height: 1.2;
  max-height: 260px;
  position: relative;
  padding: 0.64285714em;
  color: #732b76;
}
/* line 1259, sass/page/_inner_generic.scss */
.slick-current.slick-active .sharings-slide__quote {
  -webkit-animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 1263, sass/page/_inner_generic.scss */
.sharings-slide__quote:before, .sharings-slide__quote:after {
  position: absolute;
  z-index: -1;
  display: block;
  width: 0.88095238em;
  height: 0.78571429em;
  content: "";
  -webkit-transition: all .8s .2s;
  transition: all .8s .2s;
  pointer-events: none;
}
/* line 1277, sass/page/_inner_generic.scss */
.slick-current.slick-active .sharings-slide__quote:before, .slick-current.slick-active .sharings-slide__quote:after {
  -webkit-animation: zoomIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
  animation: zoomIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s both;
}
/* line 1282, sass/page/_inner_generic.scss */
.sharings-slide__quote:before {
  top: 0;
  left: 0;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_quote-open.png") 0 0 no-repeat;
  background-size: 100% auto;
}
/* line 1289, sass/page/_inner_generic.scss */
.sharings-slide__quote:after {
  right: 0;
  bottom: 0;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_quote-close.png") 0 0 no-repeat;
  background-size: 100% auto;
}
/* line 1298, sass/page/_inner_generic.scss */
.sharings-slide__img-w {
  position: relative;
  z-index: 2;
  margin-bottom: 0.0952381em;
  padding-top: 129.01408451%;
}
/* line 1305, sass/page/_inner_generic.scss */
.slick-current.slick-active .sharings-slide__img-w {
  -webkit-animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
/* line 1314, sass/page/_inner_generic.scss */
.sharings-slide__img {
  width: 100%;
}
/* line 1318, sass/page/_inner_generic.scss */
.sharings-slide__info {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.42857143em;
  line-height: 1.2;
  position: absolute;
  right: 4.7826087%;
  bottom: 0;
  width: 62.46376812%;
  padding-right: 29.71014493%;
  padding-bottom: 0.55555556em;
  text-align: right;
  color: #333333;
  border-bottom: 0.22222222em solid rgba(232, 186, 103, 0.6);
}
/* line 1337, sass/page/_inner_generic.scss */
.slick-current.slick-active .sharings-slide__info {
  -webkit-animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
  animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
}
/* line 1342, sass/page/_inner_generic.scss */
.sharings-slide__more {
  position: absolute;
  font-size: 0.42857143em;
  bottom: 0;
  right: 4.7826087%;
  padding-right: 29.71014493%;
  padding-bottom: 5.27777778em;
}
/* line 1350, sass/page/_inner_generic.scss */
.sharings-slide__more:hover {
  color: #ffffff;
}
/* line 1354, sass/page/_inner_generic.scss */
.slick-current.slick-active .sharings-slide__more {
  -webkit-animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
  animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
}
/* line 1361, sass/page/_inner_generic.scss */
.sharings {
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 1439px) {
  /* line 1361, sass/page/_inner_generic.scss */
  .sharings {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1361, sass/page/_inner_generic.scss */
  .sharings {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1361, sass/page/_inner_generic.scss */
  .sharings {
    font-size: 1.125rem;
  }
}
/* line 1375, sass/page/_inner_generic.scss */
.sharings__cont {
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 1375, sass/page/_inner_generic.scss */
  .sharings__cont {
    width: 90%;
    margin: 0 auto;
  }
}
/* line 1383, sass/page/_inner_generic.scss */
.sharings__item {
  position: relative;
  cursor: pointer;
  display: block;
  width: 17.5em;
  margin-top: 1.125em;
  margin-bottom: 1.25em;
  margin-left: 1em;
  margin-right: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 1400, sass/page/_inner_generic.scss */
.sharings__item.hl-active {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}
@media screen and (max-width: 767px) {
  /* line 1383, sass/page/_inner_generic.scss */
  .sharings__item {
    width: auto;
    margin-top: 2.5rem;
    margin-bottom: 0.9375rem;
    margin-left: 0;
    margin-right: 0;
  }
}
/* line 1413, sass/page/_inner_generic.scss */
.sharings__item:hover .sharings__more-l {
  color: #ffffff;
}
/* line 1419, sass/page/_inner_generic.scss */
.sharings__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.17);
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.17);
}
@media screen and (max-width: 767px) {
  /* line 1419, sass/page/_inner_generic.scss */
  .sharings__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 1431, sass/page/_inner_generic.scss */
.hl-active .sharings__inner {
  -webkit-box-shadow: 0 0 10px rgba(115, 43, 118, 0.45);
  box-shadow: 0 0 10px rgba(115, 43, 118, 0.45);
}
@media screen and (max-width: 767px) {
  /* line 1431, sass/page/_inner_generic.scss */
  .hl-active .sharings__inner {
    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.17);
    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.17);
  }
}
/* line 1439, sass/page/_inner_generic.scss */
.sharings__img-w {
  z-index: 1;
  width: 5.83333333em;
  margin-top: -1em;
  margin-bottom: 1.125em;
  margin-left: -1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 1439, sass/page/_inner_generic.scss */
  .sharings__img-w {
    margin-bottom: 0.3125rem;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
/* line 1456, sass/page/_inner_generic.scss */
.sharings__img {
  width: 100%;
  max-width: 100%;
}
/* line 1461, sass/page/_inner_generic.scss */
.sharings__context {
  overflow: hidden;
  max-height: 140px;
  padding: 0.75em 0.54166667em 0.625em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 1199px) {
  /* line 1461, sass/page/_inner_generic.scss */
  .sharings__context {
    max-height: 137px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1461, sass/page/_inner_generic.scss */
  .sharings__context {
    max-height: 122px;
  }
}
@media screen and (max-width: 767px) {
  /* line 1461, sass/page/_inner_generic.scss */
  .sharings__context {
    max-height: none;
    padding: 1.25rem 0.9375rem;
  }
}
/* line 1480, sass/page/_inner_generic.scss */
.sharings__name {
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 0.20833333em;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 1480, sass/page/_inner_generic.scss */
  .sharings__name {
    margin-bottom: 0.55555556em;
  }
}
/* line 1492, sass/page/_inner_generic.scss */
.sharings__text {
  font-size: 0.66666667em;
  line-height: 1.5;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 1492, sass/page/_inner_generic.scss */
  .sharings__text {
    font-size: 0.83333333em;
    line-height: 1.3;
  }
}
/* line 1503, sass/page/_inner_generic.scss */
.sharings__more {
  width: 100%;
  font-size: 0.75em;
  margin-bottom: 0.66666667em;
}
/* line 1509, sass/page/_inner_generic.scss */
.sharings__more-l {
  float: right;
  color: #ffffff;
  font-size: 0.83333333em;
  padding: 0.33333333em 1.2em;
  background-color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 1509, sass/page/_inner_generic.scss */
  .sharings__more-l {
    padding: 0.53333333em 1.2em;
  }
}
/* line 1519, sass/page/_inner_generic.scss */
.sharings__more-l:hover {
  color: #ffffff;
}
/* line 1525, sass/page/_inner_generic.scss */
.skip-main.sr-only-focusable:focus {
  background-color: white;
  color: #561959;
  z-index: 123;
  position: relative;
  width: 100%;
  display: block;
}
/* line 5, sass/page/_inner_page.scss */
.page-content--narrow {
  padding: 3.1875rem 13.625rem 3.125rem;
}
@media screen and (max-width: 1439px) {
  /* line 5, sass/page/_inner_page.scss */
  .page-content--narrow {
    padding: 3.1875rem 11.25rem 3.4375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 5, sass/page/_inner_page.scss */
  .page-content--narrow {
    padding: 2.8125rem 9.375rem 3.4375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 5, sass/page/_inner_page.scss */
  .page-content--narrow {
    padding: 3.75rem 3.75rem 5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 5, sass/page/_inner_page.scss */
  .page-content--narrow {
    padding: 1.875rem 1.5625rem 3.75rem;
  }
}
/* line 24, sass/page/_inner_page.scss */
.page-content--narrow, .page-content--updetail {
  position: relative;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 24, sass/page/_inner_page.scss */
  .page-content--narrow, .page-content--updetail {
    background-color: transparent;
  }
}
/* line 34, sass/page/_inner_page.scss */
.page-content--enquiry, .page-content--static {
  padding: 3.875rem 1.875rem 3.375rem;
}
@media screen and (max-width: 767px) {
  /* line 34, sass/page/_inner_page.scss */
  .page-content--enquiry, .page-content--static {
    padding: 2.1875rem 0.9375rem 2.5rem;
  }
}
/* line 41, sass/page/_inner_page.scss */
.inner-full + .page-content--enquiry, .big-pic + .page-content--enquiry, .inner-full + .page-content--static, .big-pic + .page-content--static {
  padding-top: 2.875rem;
}
@media screen and (max-width: 767px) {
  /* line 41, sass/page/_inner_page.scss */
  .inner-full + .page-content--enquiry, .big-pic + .page-content--enquiry, .inner-full + .page-content--static, .big-pic + .page-content--static {
    padding-top: 1.625rem;
  }
}
/* line 49, sass/page/_inner_page.scss */
.page-content--medium {
  padding: 2.5rem 5.5625rem 1.75rem;
}
@media screen and (max-width: 991px) {
  /* line 49, sass/page/_inner_page.scss */
  .page-content--medium {
    padding: 1.25rem 2.5rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 49, sass/page/_inner_page.scss */
  .page-content--medium {
    padding: 1.25rem 0.9375rem 0rem;
  }
}
/* line 59, sass/page/_inner_page.scss */
.page-content--1170 {
  padding: 3.125rem 8.375rem 0rem 6.5625rem;
}
@media screen and (max-width: 1439px) {
  /* line 59, sass/page/_inner_page.scss */
  .page-content--1170 {
    padding: 3.125rem 5.625rem 0rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 59, sass/page/_inner_page.scss */
  .page-content--1170 {
    padding: 2.8125rem 4.375rem 0rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 59, sass/page/_inner_page.scss */
  .page-content--1170 {
    padding: 3.75rem 3.125rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 59, sass/page/_inner_page.scss */
  .page-content--1170 {
    padding: 1.875rem 1.5625rem 0rem;
  }
}
/* line 75, sass/page/_inner_page.scss */
.page-content--awards {
  padding: 4.375rem 1.875rem 0rem;
}
@media screen and (max-width: 991px) {
  /* line 75, sass/page/_inner_page.scss */
  .page-content--awards {
    padding: 3.125rem 1.875rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 75, sass/page/_inner_page.scss */
  .page-content--awards {
    padding: 2.5rem 0.9375rem 0rem;
  }
}
/* line 84, sass/page/_inner_page.scss */
.inner-full + .page-content--awards, .big-pic + .page-content--awards {
  padding-top: 3.5625rem;
}
@media screen and (max-width: 767px) {
  /* line 84, sass/page/_inner_page.scss */
  .inner-full + .page-content--awards, .big-pic + .page-content--awards {
    padding-top: 1.875rem;
  }
}
/* line 107, sass/page/_inner_page.scss */
.page-content--general, .page-content--pressl, .page-content--deanhl, .page-content--global, .page-content--alumni, .page-content--facilities, .page-content--eventl, .page-content--admission, .page-content--newsletter, .page-content--scholarships, .page-content--videol, .page-content--map, .page-content--research {
  padding: 4.375rem 1.875rem 0rem;
}
@media screen and (max-width: 767px) {
  /* line 107, sass/page/_inner_page.scss */
  .page-content--general, .page-content--pressl, .page-content--deanhl, .page-content--global, .page-content--alumni, .page-content--facilities, .page-content--eventl, .page-content--admission, .page-content--newsletter, .page-content--scholarships, .page-content--videol, .page-content--map, .page-content--research {
    padding: 2.5rem 0.9375rem 0rem;
  }
}
/* line 113, sass/page/_inner_page.scss */
.inner-full + .page-content--general, .big-pic + .page-content--general, .inner-full + .page-content--pressl, .big-pic + .page-content--pressl, .inner-full + .page-content--deanhl, .big-pic + .page-content--deanhl, .inner-full + .page-content--global, .big-pic + .page-content--global, .inner-full + .page-content--alumni, .big-pic + .page-content--alumni, .inner-full + .page-content--facilities, .big-pic + .page-content--facilities, .inner-full + .page-content--eventl, .big-pic + .page-content--eventl, .inner-full + .page-content--admission, .big-pic + .page-content--admission, .inner-full + .page-content--newsletter, .big-pic + .page-content--newsletter, .inner-full + .page-content--scholarships, .big-pic + .page-content--scholarships, .inner-full + .page-content--videol, .big-pic + .page-content--videol, .inner-full + .page-content--map, .big-pic + .page-content--map, .inner-full + .page-content--research, .big-pic + .page-content--research {
  padding-top: 3.5625rem;
}
@media screen and (max-width: 767px) {
  /* line 113, sass/page/_inner_page.scss */
  .inner-full + .page-content--general, .big-pic + .page-content--general, .inner-full + .page-content--pressl, .big-pic + .page-content--pressl, .inner-full + .page-content--deanhl, .big-pic + .page-content--deanhl, .inner-full + .page-content--global, .big-pic + .page-content--global, .inner-full + .page-content--alumni, .big-pic + .page-content--alumni, .inner-full + .page-content--facilities, .big-pic + .page-content--facilities, .inner-full + .page-content--eventl, .big-pic + .page-content--eventl, .inner-full + .page-content--admission, .big-pic + .page-content--admission, .inner-full + .page-content--newsletter, .big-pic + .page-content--newsletter, .inner-full + .page-content--scholarships, .big-pic + .page-content--scholarships, .inner-full + .page-content--videol, .big-pic + .page-content--videol, .inner-full + .page-content--map, .big-pic + .page-content--map, .inner-full + .page-content--research, .big-pic + .page-content--research {
    padding-top: 1.875rem;
  }
}
/* line 121, sass/page/_inner_page.scss */
.page-content--sharing, .page-content--gallery {
  padding: 0 1.875rem;
}
@media screen and (max-width: 767px) {
  /* line 121, sass/page/_inner_page.scss */
  .page-content--sharing, .page-content--gallery {
    padding: 0 0.9375rem;
  }
}
/* line 129, sass/page/_inner_page.scss */
.page-content--full {
  padding: 0rem 1.875rem;
}
@media screen and (max-width: 767px) {
  /* line 129, sass/page/_inner_page.scss */
  .page-content--full {
    padding: 0rem 0.9375rem;
  }
}
/* line 136, sass/page/_inner_page.scss */
.page-content--milestone {
  padding: 3rem 9.375rem 1.875rem 0rem;
}
@media screen and (max-width: 1439px) {
  /* line 136, sass/page/_inner_page.scss */
  .page-content--milestone {
    padding: 2.8125rem 7.5rem 1.875rem 0rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 136, sass/page/_inner_page.scss */
  .page-content--milestone {
    padding: 2.8125rem 6.25rem 1.875rem 0rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 136, sass/page/_inner_page.scss */
  .page-content--milestone {
    padding: 2.8125rem 3.125rem 1.875rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 136, sass/page/_inner_page.scss */
  .page-content--milestone {
    padding: 2.5rem 1.25rem 3.125rem 0rem;
  }
}
/* line 154, sass/page/_inner_page.scss */
.page-content--eventrep + .gallery-block, .page-content--gallery-d + .gallery-block {
  margin-top: -1.6875rem;
}
/* line 159, sass/page/_inner_page.scss */
.page-content--centre {
  padding: 1.25rem 1.875rem 0rem;
}
@media screen and (max-width: 767px) {
  /* line 159, sass/page/_inner_page.scss */
  .page-content--centre {
    padding: 1.25rem 0.9375rem 0rem;
  }
}
/* line 166, sass/page/_inner_page.scss */
.page-content--manage {
  padding: 1.25rem 0 0;
}
/* line 170, sass/page/_inner_page.scss */
.page-content--scholarship-d {
  padding: 3.75rem 9.375rem 0rem;
}
@media screen and (max-width: 1439px) {
  /* line 170, sass/page/_inner_page.scss */
  .page-content--scholarship-d {
    padding: 2.8125rem 7.5rem 0rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 170, sass/page/_inner_page.scss */
  .page-content--scholarship-d {
    padding: 2.8125rem 6.25rem 0rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 170, sass/page/_inner_page.scss */
  .page-content--scholarship-d {
    padding: 2.8125rem 3.125rem 0rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 170, sass/page/_inner_page.scss */
  .page-content--scholarship-d {
    padding: 1.875rem 1.125rem 3.125rem 1.5625rem;
  }
}
/* line 189, sass/page/_inner_page.scss */
.page-content--nopadtb {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 194, sass/page/_inner_page.scss */
.page-content--has-nav {
  padding-top: 0;
}
/* line 198, sass/page/_inner_page.scss */
.page-content--map:only-child {
  padding-bottom: 2.5rem;
}
/* line 203, sass/page/_inner_page.scss */
.section-top {
  padding-right: 11.5942029%;
}
/* line 206, sass/page/_inner_page.scss */
.section-top__title {
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0.39473684em;
}
/* line 217, sass/page/_inner_page.scss */
.page-division {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/* line 223, sass/page/_inner_page.scss */
.page-division .hl-heading {
  width: 100%;
}
@media screen and (max-width: 767px) {
  /* line 223, sass/page/_inner_page.scss */
  .page-division .hl-heading {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
/* line 230, sass/page/_inner_page.scss */
.page-division--1 {
  margin-right: -1.95652174%;
}
@media screen and (max-width: 991px) {
  /* line 230, sass/page/_inner_page.scss */
  .page-division--1 {
    margin-right: -2.11864407%;
  }
}
@media screen and (max-width: 767px) {
  /* line 230, sass/page/_inner_page.scss */
  .page-division--1 {
    margin-right: 0;
  }
}
/* line 240, sass/page/_inner_page.scss */
.page-division--2 {
  margin-right: -2.89855072%;
}
@media screen and (max-width: 991px) {
  /* line 240, sass/page/_inner_page.scss */
  .page-division--2 {
    margin-right: -2.11864407%;
  }
}
@media screen and (max-width: 767px) {
  /* line 240, sass/page/_inner_page.scss */
  .page-division--2 {
    margin-right: 0;
  }
}
/* line 250, sass/page/_inner_page.scss */
.page-division--3 {
  margin-right: -2.17391304%;
}
@media screen and (max-width: 1199px) {
  /* line 250, sass/page/_inner_page.scss */
  .page-division--3 {
    margin-right: -2.1978022%;
  }
}
@media screen and (max-width: 991px) {
  /* line 250, sass/page/_inner_page.scss */
  .page-division--3 {
    margin-right: -2.11864407%;
  }
}
@media screen and (max-width: 767px) {
  /* line 250, sass/page/_inner_page.scss */
  .page-division--3 {
    margin-right: 0;
  }
}
/* line 263, sass/page/_inner_page.scss */
.page-division--4 {
  margin-right: -2.02898551%;
}
@media screen and (max-width: 991px) {
  /* line 263, sass/page/_inner_page.scss */
  .page-division--4 {
    width: calc(100% + 360px);
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 263, sass/page/_inner_page.scss */
  .page-division--4 {
    width: calc(100% + 280px);
  }
}
/* line 274, sass/page/_inner_page.scss */
.page-division__left {
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 279, sass/page/_inner_page.scss */
.page-division--1 .page-division__left {
  width: 70.85998579%;
  margin-right: 1.91897655%;
}
@media screen and (max-width: 991px) {
  /* line 279, sass/page/_inner_page.scss */
  .page-division--1 .page-division__left {
    width: 70.81604426%;
    margin-right: 2.0746888%;
  }
}
@media screen and (max-width: 767px) {
  /* line 279, sass/page/_inner_page.scss */
  .page-division--1 .page-division__left {
    width: 100%;
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
/* line 294, sass/page/_inner_page.scss */
.page-division--2 .page-division__left {
  width: 72.11267606%;
  margin-right: 2.81690141%;
  margin-bottom: 6.75rem;
}
@media screen and (max-width: 991px) {
  /* line 294, sass/page/_inner_page.scss */
  .page-division--2 .page-division__left {
    width: 70.81604426%;
    margin-right: 2.0746888%;
  }
}
@media screen and (max-width: 767px) {
  /* line 294, sass/page/_inner_page.scss */
  .page-division--2 .page-division__left {
    width: 100%;
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
/* line 310, sass/page/_inner_page.scss */
.page-division--3 .page-division__left {
  width: 74.92957746%;
  margin-right: 2.12765957%;
  margin-bottom: 0.4375rem;
}
@media screen and (max-width: 1199px) {
  /* line 310, sass/page/_inner_page.scss */
  .page-division--3 .page-division__left {
    width: 69.89247312%;
    margin-right: 2.15053763%;
  }
}
@media screen and (max-width: 991px) {
  /* line 310, sass/page/_inner_page.scss */
  .page-division--3 .page-division__left {
    width: 70.81604426%;
    margin-right: 2.0746888%;
  }
}
@media screen and (max-width: 767px) {
  /* line 310, sass/page/_inner_page.scss */
  .page-division--3 .page-division__left {
    width: 100%;
    margin-right: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}
/* line 329, sass/page/_inner_page.scss */
.page-division--4 .page-division__left {
  width: 66.69034091%;
  margin-right: 1.98863636%;
  margin-bottom: 0.4375rem;
}
@media screen and (max-width: 991px) {
  /* line 329, sass/page/_inner_page.scss */
  .page-division--4 .page-division__left {
    width: calc(100% - 380px);
    margin-right: 0;
    padding-right: 1.875rem;
  }
  /* line 338, sass/page/_inner_page.scss */
  .js-side-opened .page-division--4 .page-division__left {
    -webkit-transform: translateX(-370px);
    -ms-transform: translateX(-370px);
    transform: translateX(-370px);
  }
}
@media screen and (max-width: 767px) {
  /* line 329, sass/page/_inner_page.scss */
  .page-division--4 .page-division__left {
    width: calc(100% - 295px);
    padding-right: 0.625rem;
  }
  /* line 346, sass/page/_inner_page.scss */
  .js-side-opened .page-division--4 .page-division__left {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px);
  }
}
/* line 353, sass/page/_inner_page.scss */
.page-division__right {
  overflow: hidden;
  margin-bottom: 6.25rem;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 353, sass/page/_inner_page.scss */
  .page-division__right {
    overflow: visible;
    width: 100%;
    margin-bottom: 2.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
/* line 372, sass/page/_inner_page.scss */
.page-division--1 .page-division__right {
  width: 25.30206112%;
  margin-right: 1.91897655%;
}
@media screen and (max-width: 991px) {
  /* line 372, sass/page/_inner_page.scss */
  .page-division--1 .page-division__right {
    width: 24.89626556%;
    margin-right: 2.0746888%;
  }
}
@media screen and (max-width: 767px) {
  /* line 372, sass/page/_inner_page.scss */
  .page-division--1 .page-division__right {
    width: 100%;
    margin-right: 0;
  }
}
/* line 386, sass/page/_inner_page.scss */
.page-division--2 .page-division__right {
  width: 22.11267606%;
  margin-right: 2.81690141%;
}
@media screen and (max-width: 991px) {
  /* line 386, sass/page/_inner_page.scss */
  .page-division--2 .page-division__right {
    width: 24.89626556%;
    margin-right: 2.0746888%;
  }
}
@media screen and (max-width: 767px) {
  /* line 386, sass/page/_inner_page.scss */
  .page-division--2 .page-division__right {
    width: 100%;
    margin-right: 0;
  }
}
/* line 400, sass/page/_inner_page.scss */
.page-division--3 .page-division__right {
  width: 20.28368794%;
  margin-right: 2.12765957%;
}
@media screen and (max-width: 1199px) {
  /* line 400, sass/page/_inner_page.scss */
  .page-division--3 .page-division__right {
    width: 25.80645161%;
    margin-right: 2.15053763%;
  }
}
@media screen and (max-width: 991px) {
  /* line 400, sass/page/_inner_page.scss */
  .page-division--3 .page-division__right {
    width: 24.89626556%;
    margin-right: 2.0746888%;
  }
}
@media screen and (max-width: 767px) {
  /* line 400, sass/page/_inner_page.scss */
  .page-division--3 .page-division__right {
    width: 100%;
    margin-right: 0;
  }
}
/* line 418, sass/page/_inner_page.scss */
.page-division--4 .page-division__right {
  position: relative;
  width: 29.33238636%;
  margin-right: 1.98863636%;
}
@media screen and (max-width: 991px) {
  /* line 418, sass/page/_inner_page.scss */
  .page-division--4 .page-division__right {
    z-index: 0;
    overflow: visible;
    width: 370px;
    margin-right: 0;
    padding-left: 40px;
  }
  /* line 432, sass/page/_inner_page.scss */
  .js-side-opened .page-division--4 .page-division__right {
    -webkit-transform: translateX(-370px);
    -ms-transform: translateX(-370px);
    transform: translateX(-370px);
  }
}
@media screen and (max-width: 767px) {
  /* line 418, sass/page/_inner_page.scss */
  .page-division--4 .page-division__right {
    width: 295px;
    padding-left: 30px;
  }
  /* line 440, sass/page/_inner_page.scss */
  .js-side-opened .page-division--4 .page-division__right {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px);
  }
}
/* line 448, sass/page/_inner_page.scss */
.page-nav-context {
  min-height: 400px;
}
/* line 452, sass/page/_inner_page.scss */
.btn--side-trigger {
  font-size: 1.25rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 40px;
  padding: 0.75em 0em;
  text-align: center;
  outline: 0 !important;
  background-color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 452, sass/page/_inner_page.scss */
  .btn--side-trigger {
    width: 30px;
  }
}
/* line 473, sass/page/_inner_page.scss */
.sitemap-left-col,
.sitemap-right-col {
  float: left;
  width: 50%;
}
@media screen and (max-width: 767px) {
  /* line 473, sass/page/_inner_page.scss */
  .sitemap-left-col,
  .sitemap-right-col {
    float: none;
    width: auto;
  }
}
/* line 2, sass/page/_press-release.scss */
.press__load-cont {
  display: block !important;
}
/* line 6, sass/page/_press-release.scss */
.press__cont {
  font-size: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1.15384615em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1439px) {
  /* line 6, sass/page/_press-release.scss */
  .press__cont {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 6, sass/page/_press-release.scss */
  .press__cont {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 6, sass/page/_press-release.scss */
  .press__cont {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 6, sass/page/_press-release.scss */
  .press__cont {
    font-size: 1.125rem;
    margin-right: 0;
  }
}
/* line 31, sass/page/_press-release.scss */
.press__item {
  width: calc((100% - 3.46153846em)/ 3);
  margin-right: 1.15384615em;
  margin-bottom: 1.15384615em;
  -webkit-transition: all 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  background-color: #ffffff;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 42, sass/page/_press-release.scss */
.ie .press__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  /* line 31, sass/page/_press-release.scss */
  .press__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.22222222em;
  }
}
/* line 52, sass/page/_press-release.scss */
.press__item:hover, .press__item:focus {
  -webkit-box-shadow: 0 -0.07692308em 1.5em 0.03846154em rgba(12, 12, 12, 0.2);
  box-shadow: 0 -0.07692308em 1.5em 0.03846154em rgba(12, 12, 12, 0.2);
}
/* line 56, sass/page/_press-release.scss */
.press__item:hover .press__wrap, .press__item:focus .press__wrap {
  -webkit-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
}
/* line 66, sass/page/_press-release.scss */
.press__wrap {
  -webkit-transition: all 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.5s cubic-bezier(0.6, -0.4, 0.3, 1.4);
}
/* line 70, sass/page/_press-release.scss */
.press__img-w {
  position: relative;
  display: block;
  padding-top: 55.45454545%;
}
/* line 78, sass/page/_press-release.scss */
.press__img-c {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* line 86, sass/page/_press-release.scss */
.press__img {
  width: 100%;
}
/* line 90, sass/page/_press-release.scss */
.press__body {
  display: block;
  overflow: hidden;
  padding: 1.84615385em 1.80769231em 1.23076923em;
}
@media screen and (max-width: 1199px) {
  /* line 90, sass/page/_press-release.scss */
  .press__body {
    padding: 1.36363636em 1.36363636em 1.13636364em;
  }
}
/* line 101, sass/page/_press-release.scss */
.press__inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 105, sass/page/_press-release.scss */
.press__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 0.55em;
  color: #585858;
}
/* line 119, sass/page/_press-release.scss */
.press__title {
  font-size: 0.92307692em;
  font-weight: 600;
  overflow: hidden;
  max-height: 129px;
  margin-bottom: 0.54166667em;
  padding-bottom: 3px;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 119, sass/page/_press-release.scss */
  .press__title {
    max-height: 117px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 119, sass/page/_press-release.scss */
  .press__title {
    max-height: 111px;
    font-size: 0.90909091em;
  }
}
/* line 1, sass/page/_milestone.scss */
.milenav-wrap {
  position: relative;
}
/* line 5, sass/page/_milestone.scss */
.milenav-cont {
  position: absolute;
  z-index: 1;
  top: 12.3125rem;
  left: calc((-100vw + 1440px) / 2);
  -webkit-transition: top 0.6s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: top 0.6s cubic-bezier(0.6, -0.4, 0.3, 1.4);
}
@media screen and (max-width: 1439px) {
  /* line 5, sass/page/_milestone.scss */
  .milenav-cont {
    left: calc((-100vw + 1170px) / 2);
  }
}
@media screen and (max-width: 1199px) {
  /* line 5, sass/page/_milestone.scss */
  .milenav-cont {
    left: calc((-100vw + 970px) / 2);
  }
}
@media screen and (max-width: 991px) {
  /* line 5, sass/page/_milestone.scss */
  .milenav-cont {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 5, sass/page/_milestone.scss */
  .milenav-cont {
    top: 3.75rem;
  }
}
@supports (--var: 0) {
  /* line 5, sass/page/_milestone.scss */
  .milenav-cont {
    left: calc((-100vw + var(--js-scbar) + 1440px) / 2);
  }
  @media screen and (max-width: 1439px) {
    /* line 5, sass/page/_milestone.scss */
    .milenav-cont {
      left: calc((-100vw + var(--js-scbar) + 1170px) / 2);
    }
  }
  @media screen and (max-width: 1199px) {
    /* line 5, sass/page/_milestone.scss */
    .milenav-cont {
      left: calc((-100vw + var(--js-scbar) + 970px) / 2);
    }
  }
  @media screen and (max-width: 991px) {
    /* line 5, sass/page/_milestone.scss */
    .milenav-cont {
      left: 0;
    }
  }
}
/* line 40, sass/page/_milestone.scss */
.nav-fixed .milenav-cont {
  position: fixed;
  z-index: 2;
  left: 0;
}
@media screen and (max-width: 767px) {
  /* line 40, sass/page/_milestone.scss */
  .nav-fixed .milenav-cont {
    background-color: #ffffff;
  }
}
/* line 50, sass/page/_milestone.scss */
.milenav {
  font-size: 1.5625rem;
  display: block;
  margin: 0;
  padding: 1.2em 1.6em 1.28em 0.8em;
  list-style: none;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #ffffff;
}
@media screen and (max-width: 1439px) {
  /* line 50, sass/page/_milestone.scss */
  .milenav {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 50, sass/page/_milestone.scss */
  .milenav {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 50, sass/page/_milestone.scss */
  .milenav {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 50, sass/page/_milestone.scss */
  .milenav {
    font-size: 0.8125rem;
    padding: 1.30769231em 0.76923077em;
  }
}
/* line 81, sass/page/_milestone.scss */
.milenav:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  -webkit-box-shadow: -0.04em 0.04em 1.04em 0.04em rgba(12, 12, 12, 0.09);
  box-shadow: -0.04em 0.04em 1.04em 0.04em rgba(12, 12, 12, 0.09);
}
/* line 96, sass/page/_milestone.scss */
.milenav__item {
  position: relative;
  z-index: 2;
  margin-bottom: 11px;
  padding-left: 1.24em;
}
@media screen and (max-width: 767px) {
  /* line 96, sass/page/_milestone.scss */
  .milenav__item {
    padding-left: 0.75rem;
  }
}
/* line 106, sass/page/_milestone.scss */
.milenav__item:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  margin-top: -3.5px;
  content: "";
  -webkit-transition: background-color 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: background-color 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  border-radius: 50%;
  background-color: #acb5c6;
}
@media screen and (max-width: 500px) {
  /* line 106, sass/page/_milestone.scss */
  .milenav__item:before {
    width: 5px;
    height: 5px;
    margin-top: -2.5px;
  }
}
/* line 127, sass/page/_milestone.scss */
.milenav__item:after {
  position: absolute;
  z-index: -1;
  top: calc(50% + 3px);
  left: 3px;
  height: calc(50% + 18px);
  content: "";
  -webkit-transition: border 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: border 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  border-left: 1px dashed #D4D4D4;
}
@media screen and (max-width: 500px) {
  /* line 127, sass/page/_milestone.scss */
  .milenav__item:after {
    top: calc(50% + 2px);
    left: 2px;
    height: calc(50% + 14px);
  }
}
/* line 148, sass/page/_milestone.scss */
.milenav__item:first-child:after {
  height: calc(100% + 7px);
}
@media screen and (max-width: 500px) {
  /* line 148, sass/page/_milestone.scss */
  .milenav__item:first-child:after {
    height: calc(100% + 2px);
  }
}
/* line 156, sass/page/_milestone.scss */
.milenav__item:last-child {
  margin-bottom: 0;
}
/* line 159, sass/page/_milestone.scss */
.milenav__item:last-child:after {
  height: 0;
}
/* line 165, sass/page/_milestone.scss */
.milenav__item.active:before {
  background-color: #732b76;
}
/* line 171, sass/page/_milestone.scss */
.milenav__link {
  font-size: 1em;
  line-height: 1.2;
  display: block;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #585858;
}
/* line 181, sass/page/_milestone.scss */
.milenav__link:hover {
  color: #732b76;
}
/* line 185, sass/page/_milestone.scss */
.milenav__link:focus {
  color: #585858;
}
/* line 189, sass/page/_milestone.scss */
.active > .milenav__link {
  font-weight: 600;
  -webkit-transition: color 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: color 0.3s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  color: #732b76;
}
/* line 200, sass/page/_milestone.scss */
.milestone {
  font-size: 1.625rem;
  width: calc(100% - 150px);
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 200, sass/page/_milestone.scss */
  .milestone {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 200, sass/page/_milestone.scss */
  .milestone {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 200, sass/page/_milestone.scss */
  .milestone {
    font-size: 1rem;
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 767px) {
  /* line 200, sass/page/_milestone.scss */
  .milestone {
    font-size: 0.9375rem;
    width: calc(100% - 90px);
  }
}
/* line 224, sass/page/_milestone.scss */
.milestone__anchor {
  font-size: 0;
  overflow: hidden;
  max-height: 0;
}
/* line 232, sass/page/_milestone.scss */
.milestone__group {
  margin-bottom: 1.11538462em;
}
@media screen and (max-width: 767px) {
  /* line 232, sass/page/_milestone.scss */
  .milestone__group {
    margin-bottom: 3.125rem;
  }
}
/* line 238, sass/page/_milestone.scss */
.milestone__group-title {
  font-size: 2.15384615em;
  font-weight: 700;
  margin-bottom: 0.16071429em;
  text-align: center;
  color: #732b76;
}
/* line 250, sass/page/_milestone.scss */
.milestone__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 500px) {
  /* line 250, sass/page/_milestone.scss */
  .milestone__inner {
    display: block;
  }
}
/* line 261, sass/page/_milestone.scss */
.milestone__inner:before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  content: "";
  background-color: #E3E3E3;
}
@media screen and (max-width: 500px) {
  /* line 261, sass/page/_milestone.scss */
  .milestone__inner:before {
    left: 0;
    height: 1000px;
  }
}
/* line 281, sass/page/_milestone.scss */
.milestone__item:last-child .milestone__inner {
  padding-bottom: 1.65384615em;
}
/* line 285, sass/page/_milestone.scss */
.milestone__item--even .milestone__inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* line 290, sass/page/_milestone.scss */
.milestone__date {
  margin-bottom: 0.19230769em;
  color: #732b76;
}
/* line 296, sass/page/_milestone.scss */
.milestone__content {
  line-height: 1.23076923;
  color: #353535;
}
/* line 302, sass/page/_milestone.scss */
.milestone__text {
  color: #353535;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}
/* line 306, sass/page/_milestone.scss */
.milestone__text:hover, .milestone__text:focus {
  color: #732b76;
}
/* line 311, sass/page/_milestone.scss */
.milestone__body {
  position: relative;
  width: 50%;
  padding-top: 1.15384615em;
  padding-bottom: 1.15384615em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 500px) {
  /* line 311, sass/page/_milestone.scss */
  .milestone__body {
    width: 100%;
    padding-top: 0;
    padding-bottom: 1.25em;
  }
}
/* line 325, sass/page/_milestone.scss */
.milestone__item--odd .milestone__body {
  padding-right: 2.30769231em;
  text-align: right;
}
@media screen and (max-width: 500px) {
  /* line 325, sass/page/_milestone.scss */
  .milestone__item--odd .milestone__body {
    padding-right: 0;
    padding-left: 1.5625em;
    text-align: left;
  }
}
/* line 337, sass/page/_milestone.scss */
.milestone__item--odd .milestone__body:before {
  right: 0;
  margin-right: -7.5px;
}
@media screen and (max-width: 767px) {
  /* line 337, sass/page/_milestone.scss */
  .milestone__item--odd .milestone__body:before {
    margin-right: -5px;
  }
}
@media screen and (max-width: 500px) {
  /* line 337, sass/page/_milestone.scss */
  .milestone__item--odd .milestone__body:before {
    left: 0;
    margin-right: 0;
    margin-left: -5px;
  }
}
/* line 352, sass/page/_milestone.scss */
.milestone__item--even .milestone__body {
  padding-left: 2.30769231em;
}
@media screen and (max-width: 500px) {
  /* line 352, sass/page/_milestone.scss */
  .milestone__item--even .milestone__body {
    padding-left: 1.5625em;
  }
}
/* line 359, sass/page/_milestone.scss */
.milestone__item--even .milestone__body:before {
  left: 0;
  margin-left: -7.5px;
}
@media screen and (max-width: 767px) {
  /* line 359, sass/page/_milestone.scss */
  .milestone__item--even .milestone__body:before {
    margin-left: -5px;
  }
}
/* line 369, sass/page/_milestone.scss */
.milestone__body:before {
  position: absolute;
  z-index: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-top: -7.5px;
  content: "";
  border: 2px solid #732b76;
  border-radius: 50%;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 369, sass/page/_milestone.scss */
  .milestone__body:before {
    width: 10px;
    height: 10px;
    margin-top: -5px;
  }
}
/* line 391, sass/page/_milestone.scss */
.milestone__img-w {
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 500px) {
  /* line 391, sass/page/_milestone.scss */
  .milestone__img-w {
    width: 100%;
    padding-bottom: 2.5em;
  }
  /* line 399, sass/page/_milestone.scss */
  .milestone__item:last-child .milestone__img-w {
    padding-bottom: 0;
  }
}
/* line 404, sass/page/_milestone.scss */
.milestone__item--odd .milestone__img-w {
  padding-left: 2.30769231em;
}
@media screen and (max-width: 500px) {
  /* line 404, sass/page/_milestone.scss */
  .milestone__item--odd .milestone__img-w {
    padding-left: 1.875em;
  }
}
/* line 410, sass/page/_milestone.scss */
.milestone__item--even .milestone__img-w {
  padding-right: 2.30769231em;
  text-align: right;
}
@media screen and (max-width: 500px) {
  /* line 410, sass/page/_milestone.scss */
  .milestone__item--even .milestone__img-w {
    padding-right: 0;
    padding-left: 1.875em;
    text-align: left;
  }
}
/* line 423, sass/page/_milestone.scss */
.milestone__img {
  max-width: 100%;
}
/* line 1, sass/page/_deans-corner.scss */
.deanhl {
  font-family: PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 2rem;
  padding-bottom: 3.75rem;
  border-bottom: 1px solid #ebebeb;
}
/* line 10, sass/page/_deans-corner.scss */
.deanhl .slick-dots-container {
  top: auto;
  bottom: -1.75rem;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_deans-corner.scss */
  .deanhl {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_deans-corner.scss */
  .deanhl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_deans-corner.scss */
  .deanhl {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_deans-corner.scss */
  .deanhl {
    font-size: 1.3125rem;
    padding-bottom: 2.8125rem;
  }
}
/* line 30, sass/page/_deans-corner.scss */
.deanhl__item {
  position: relative;
  display: block;
  padding-bottom: 1.0625em;
}
@media screen and (max-width: 991px) {
  /* line 30, sass/page/_deans-corner.scss */
  .deanhl__item {
    margin-right: -0.68181818em;
    margin-left: -0.68181818em;
  }
}
@media screen and (max-width: 767px) {
  /* line 30, sass/page/_deans-corner.scss */
  .deanhl__item {
    margin: 0;
    padding-bottom: 0;
  }
}
/* line 46, sass/page/_deans-corner.scss */
.deanhl__item:before {
  position: absolute;
  z-index: 1;
  right: 6.88405797%;
  bottom: 0;
  left: 0;
  height: 50px;
  content: "";
  background-color: #f4f5f9;
}
@media screen and (max-width: 767px) {
  /* line 46, sass/page/_deans-corner.scss */
  .deanhl__item:before {
    content: none;
  }
}
/* line 64, sass/page/_deans-corner.scss */
.deanhl__img-w {
  position: relative;
  z-index: 1;
  width: 56.52173913%;
  margin-left: auto;
  background-color: #f6f6f6;
  -webkit-box-shadow: 0 0 0.5625em rgba(12, 12, 12, 0.05);
  box-shadow: 0 0 0.5625em rgba(12, 12, 12, 0.05);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 76, sass/page/_deans-corner.scss */
.slick-initialized .slick-current .deanhl__img-w {
  -webkit-animation: fadeInRightMild 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInRightMild 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 80, sass/page/_deans-corner.scss */
.ie .deanhl__img-w {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 991px) {
  /* line 64, sass/page/_deans-corner.scss */
  .deanhl__img-w {
    width: 54.20054201%;
  }
}
@media screen and (max-width: 767px) {
  /* line 64, sass/page/_deans-corner.scss */
  .deanhl__img-w {
    width: 100%;
  }
}
/* line 92, sass/page/_deans-corner.scss */
.deanhl__img-c {
  padding-top: 64.61538462%;
}
@media screen and (max-width: 767px) {
  /* line 92, sass/page/_deans-corner.scss */
  .deanhl__img-c {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /* line 99, sass/page/_deans-corner.scss */
  .deanhl__img {
    width: 100%;
    height: auto;
    max-height: none;
  }
}
/* line 108, sass/page/_deans-corner.scss */
.deanhl__body {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 51.52173913%;
  min-height: 14.625em;
  padding: 2.25em 2.34375em 1.59375em 1.96875em;
  background-color: #f4f5f9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1199px) {
  /* line 108, sass/page/_deans-corner.scss */
  .deanhl__body {
    min-height: 13.46153846em;
    padding: 1.53846154em 1.53846154em 1.46153846em 1.65384615em;
  }
}
@media screen and (max-width: 991px) {
  /* line 108, sass/page/_deans-corner.scss */
  .deanhl__body {
    width: 48.7804878%;
    min-height: 32vw;
  }
}
@media screen and (max-width: 767px) {
  /* line 108, sass/page/_deans-corner.scss */
  .deanhl__body {
    position: static;
    display: block;
    width: 100%;
    min-height: 0;
    padding: 1.42857143em 0.95238095em;
  }
}
/* line 145, sass/page/_deans-corner.scss */
.slick-initialized .slick-current .deanhl__body .btn, .slick-initialized .slick-current .deanhl__body .fileinput-button {
  -webkit-animation: fadeInUpMild 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  animation: fadeInUpMild 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
/* line 151, sass/page/_deans-corner.scss */
.deanhl__inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 155, sass/page/_deans-corner.scss */
.deanhl__title {
  font-size: 1em;
  font-weight: 600;
  overflow: hidden;
  margin-bottom: 0.53125em;
  color: #732b76;
}
/* line 164, sass/page/_deans-corner.scss */
.slick-initialized .slick-current .deanhl__title {
  -webkit-animation: fadeInUpMild 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
  animation: fadeInUpMild 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}
@media screen and (max-width: 1439px) {
  /* line 155, sass/page/_deans-corner.scss */
  .deanhl__title {
    margin-bottom: 0.57692308em;
  }
}
/* line 172, sass/page/_deans-corner.scss */
.deanhl__date {
  font-size: 0.46875em;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 2em;
  color: #585858;
}
/* line 182, sass/page/_deans-corner.scss */
.slick-initialized .slick-current .deanhl__date {
  -webkit-animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;
  animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s both;
}
@media screen and (max-width: 1439px) {
  /* line 172, sass/page/_deans-corner.scss */
  .deanhl__date {
    margin-bottom: 0.69230769em;
  }
}
@media screen and (max-width: 767px) {
  /* line 172, sass/page/_deans-corner.scss */
  .deanhl__date {
    font-size: 0.875rem;
  }
}
/* line 193, sass/page/_deans-corner.scss */
.deanhl__content {
  font-size: 0.5625em;
  line-height: 1.38888889;
  overflow: hidden;
  max-height: 127px;
  margin-bottom: 2.22222222em;
  color: #000000;
}
/* line 203, sass/page/_deans-corner.scss */
.slick-initialized .slick-current .deanhl__content {
  -webkit-animation: fadeInUpMild 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
  animation: fadeInUpMild 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s both;
}
@media screen and (max-width: 1439px) {
  /* line 193, sass/page/_deans-corner.scss */
  .deanhl__content {
    max-height: 102px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 193, sass/page/_deans-corner.scss */
  .deanhl__content {
    max-height: 72px;
  }
}
@media screen and (max-width: 991px) {
  /* line 193, sass/page/_deans-corner.scss */
  .deanhl__content {
    max-height: 54px;
    margin-bottom: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 193, sass/page/_deans-corner.scss */
  .deanhl__content {
    font-size: 0.76190476em;
    max-height: 110px;
  }
}
/* line 223, sass/page/_deans-corner.scss */
.deanhl__btm {
  padding: 2.6875rem 0 6.75rem;
}
@media screen and (max-width: 991px) {
  /* line 223, sass/page/_deans-corner.scss */
  .deanhl__btm {
    padding: 2.5rem 0 5.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 223, sass/page/_deans-corner.scss */
  .deanhl__btm {
    padding: 1.5625rem 0 3.125rem;
  }
}
/* line 235, sass/page/_deans-corner.scss */
.deani {
  font-family: PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
}
/* line 238, sass/page/_deans-corner.scss */
.deani__cont {
  font-size: 1.75rem;
}
@media screen and (max-width: 1439px) {
  /* line 238, sass/page/_deans-corner.scss */
  .deani__cont {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 238, sass/page/_deans-corner.scss */
  .deani__cont {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 238, sass/page/_deans-corner.scss */
  .deani__cont {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 238, sass/page/_deans-corner.scss */
  .deani__cont {
    font-size: 1.125rem;
    margin-right: 0;
  }
}
/* line 257, sass/page/_deans-corner.scss */
.deani__item {
  display: block;
  overflow: hidden;
  margin-bottom: 1.78571429em;
  padding-bottom: 1.78571429em;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 991px) {
  /* line 257, sass/page/_deans-corner.scss */
  .deani__item {
    margin-bottom: 1.75em;
    padding-bottom: 1.75em;
  }
}
@media screen and (max-width: 767px) {
  /* line 257, sass/page/_deans-corner.scss */
  .deani__item {
    margin-bottom: 1.94444444em;
    padding-bottom: 1.94444444em;
  }
}
@media screen and (min-width: 768px) {
  /* line 281, sass/page/_deans-corner.scss */
  .deani__item:hover .deani__wrap:before, .deani__item:focus .deani__wrap:before {
    top: 0;
    visibility: visible;
    height: 100%;
    opacity: 1;
  }
}
/* line 294, sass/page/_deans-corner.scss */
.deani__wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* line 299, sass/page/_deans-corner.scss */
.deani__item:nth-child(even) .deani__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  /* line 294, sass/page/_deans-corner.scss */
  .deani__wrap {
    display: block;
  }
}
/* line 306, sass/page/_deans-corner.scss */
.deani__wrap:before {
  position: absolute;
  top: 100%;
  left: 0.3125rem;
  visibility: hidden;
  width: 0.17857143em;
  height: 0;
  content: "";
  -webkit-transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, visibility 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, visibility 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  background-color: #732b76;
}
/* line 324, sass/page/_deans-corner.scss */
.deani__img-w {
  position: relative;
  width: 50.94202899%;
  padding-top: 28.62318841%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 332, sass/page/_deans-corner.scss */
.ie .deani__img-w {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 991px) {
  /* line 324, sass/page/_deans-corner.scss */
  .deani__img-w {
    width: 49.43502825%;
  }
}
@media screen and (max-width: 767px) {
  /* line 324, sass/page/_deans-corner.scss */
  .deani__img-w {
    width: 100%;
    padding-top: 56.18776671%;
  }
}
/* line 348, sass/page/_deans-corner.scss */
.deani__body {
  width: 50.94202899%;
  padding: 0.75em 1.78571429em 0.17857143em 1.96428571em;
  background-color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 356, sass/page/_deans-corner.scss */
.ie .deani__body {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 1199px) {
  /* line 348, sass/page/_deans-corner.scss */
  .deani__body {
    padding: 0.72727273em 1.81818182em 0.22727273em 2.04545455em;
  }
}
@media screen and (max-width: 991px) {
  /* line 348, sass/page/_deans-corner.scss */
  .deani__body {
    padding: 0 1.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 348, sass/page/_deans-corner.scss */
  .deani__body {
    width: 100%;
    padding: 1.11111111em 0.83333333em 0;
  }
}
/* line 370, sass/page/_deans-corner.scss */
.deani__item:nth-child(even) .deani__body {
  padding: 0.75em 1.96428571em 0.17857143em 1.78571429em;
}
@media screen and (max-width: 1199px) {
  /* line 370, sass/page/_deans-corner.scss */
  .deani__item:nth-child(even) .deani__body {
    padding: 0.72727273em 1.81818182em 0.22727273em 2.04545455em;
  }
}
@media screen and (max-width: 991px) {
  /* line 370, sass/page/_deans-corner.scss */
  .deani__item:nth-child(even) .deani__body {
    padding: 0 1.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 370, sass/page/_deans-corner.scss */
  .deani__item:nth-child(even) .deani__body {
    padding: 1.11111111em 0.83333333em 0;
  }
}
/* line 384, sass/page/_deans-corner.scss */
.deani__inner {
  overflow: hidden;
  max-height: 240px;
  margin-bottom: 1.25em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 392, sass/page/_deans-corner.scss */
.ie .deani__inner {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 1439px) {
  /* line 384, sass/page/_deans-corner.scss */
  .deani__inner {
    max-height: 220px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 384, sass/page/_deans-corner.scss */
  .deani__inner {
    max-height: 180px;
  }
}
@media screen and (max-width: 991px) {
  /* line 384, sass/page/_deans-corner.scss */
  .deani__inner {
    max-height: 140px;
    margin-bottom: 0.9em;
  }
}
/* line 407, sass/page/_deans-corner.scss */
.deani__title {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0.75em;
  color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 407, sass/page/_deans-corner.scss */
  .deani__title {
    margin-bottom: 0.6em;
  }
}
/* line 419, sass/page/_deans-corner.scss */
.deani__date {
  font-size: 0.5em;
  line-height: 1;
  display: block;
  margin-bottom: 2.07142857em;
  color: #585858;
}
@media screen and (max-width: 991px) {
  /* line 419, sass/page/_deans-corner.scss */
  .deani__date {
    margin-bottom: 0.9em;
  }
}
@media screen and (max-width: 767px) {
  /* line 419, sass/page/_deans-corner.scss */
  .deani__date {
    font-size: 0.875rem;
  }
}
/* line 436, sass/page/_deans-corner.scss */
.deani__desc {
  font-size: 0.57142857em;
  line-height: 1.375;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 436, sass/page/_deans-corner.scss */
  .deani__desc {
    font-size: 0.88888889em;
  }
}
/* line 1, sass/page/_event-recap.scss */
.eventl,
.gnewsl {
  font-size: 1rem;
  padding-bottom: 1.8125em;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_event-recap.scss */
  .eventl,
  .gnewsl {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_event-recap.scss */
  .eventl,
  .gnewsl {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_event-recap.scss */
  .eventl,
  .gnewsl {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_event-recap.scss */
  .eventl,
  .gnewsl {
    font-size: 0.875rem;
  }
}
/* line 17, sass/page/_event-recap.scss */
.eventl--alumni,
.gnewsl--alumni {
  margin-right: 1.8125em;
}
@media screen and (max-width: 767px) {
  /* line 17, sass/page/_event-recap.scss */
  .eventl--alumni,
  .gnewsl--alumni {
    margin-right: 0;
  }
}
/* line 23, sass/page/_event-recap.scss */
.eventl__item,
.gnewsl__item {
  display: block;
}
/* line 25, sass/page/_event-recap.scss */
.eventl__item:last-child,
.gnewsl__item:last-child {
  margin-bottom: 5.625em;
}
/* line 28, sass/page/_event-recap.scss */
.gnewsl__cont .eventl__item, .gnewsl__cont
.gnewsl__item {
  margin-bottom: 1.3125em;
}
@media screen and (max-width: 767px) {
  /* line 28, sass/page/_event-recap.scss */
  .gnewsl__cont .eventl__item, .gnewsl__cont
  .gnewsl__item {
    margin-bottom: 2.14285714em;
  }
}
/* line 33, sass/page/_event-recap.scss */
.gnewsl__cont .eventl__item .gnewsl__inner, .gnewsl__cont
.gnewsl__item .gnewsl__inner {
  -webkit-box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.08);
}
/* line 36, sass/page/_event-recap.scss */
.gnewsl__cont .eventl__item:last-child, .gnewsl__cont
.gnewsl__item:last-child {
  margin-bottom: 3.0625em;
  padding-bottom: 3.125em;
  border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 767px) {
  /* line 36, sass/page/_event-recap.scss */
  .gnewsl__cont .eventl__item:last-child, .gnewsl__cont
  .gnewsl__item:last-child {
    margin-bottom: 2.85714286em;
    padding-bottom: 2.5em;
  }
}
/* line 46, sass/page/_event-recap.scss */
.eventl__cont .eventl__item, .eventl__cont
.gnewsl__item {
  margin-bottom: 3.0625em;
  padding-bottom: 3.125em;
  border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 767px) {
  /* line 46, sass/page/_event-recap.scss */
  .eventl__cont .eventl__item, .eventl__cont
  .gnewsl__item {
    margin-bottom: 2.85714286em;
    padding-bottom: 2.5em;
  }
}
/* line 55, sass/page/_event-recap.scss */
.eventl--alumni .eventl__item, .eventl--alumni
.gnewsl__item {
  margin-bottom: 3.0625em;
  padding-bottom: 3.125em;
  border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 767px) {
  /* line 55, sass/page/_event-recap.scss */
  .eventl--alumni .eventl__item, .eventl--alumni
  .gnewsl__item {
    margin-bottom: 2.85714286em;
    padding-bottom: 2.5em;
  }
}
/* line 64, sass/page/_event-recap.scss */
.eventl--alumni .eventl__item:last-child,
.gnewsl__cont:last-child .eventl__item:last-child,
.eventl__cont:last-child .eventl__item:last-child, .eventl--alumni
.gnewsl__item:last-child,
.gnewsl__cont:last-child
.gnewsl__item:last-child,
.eventl__cont:last-child
.gnewsl__item:last-child {
  border-bottom: none;
}
/* line 70, sass/page/_event-recap.scss */
.eventl__inner,
.gnewsl__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 70, sass/page/_event-recap.scss */
  .eventl__inner,
  .gnewsl__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 76, sass/page/_event-recap.scss */
.eventl--alumni .eventl__inner, .eventl--alumni
.gnewsl__inner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
/* line 80, sass/page/_event-recap.scss */
.eventl__img-w,
.gnewsl__img-w {
  position: relative;
  display: block;
  width: 37.39130435%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 85, sass/page/_event-recap.scss */
.eventl--alumni .eventl__img-w, .eventl--alumni
.gnewsl__img-w {
  width: 41.32231405%;
}
@media screen and (max-width: 991px) {
  /* line 80, sass/page/_event-recap.scss */
  .eventl__img-w,
  .gnewsl__img-w {
    width: 46.61016949%;
  }
}
@media screen and (max-width: 767px) {
  /* line 80, sass/page/_event-recap.scss */
  .eventl__img-w,
  .gnewsl__img-w {
    width: 100% !important;
  }
}
/* line 95, sass/page/_event-recap.scss */
.eventl__img-c,
.gnewsl__img-c {
  padding-top: 56.39534884%;
}
/* line 98, sass/page/_event-recap.scss */
.eventl__img,
.gnewsl__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 107, sass/page/_event-recap.scss */
.eventl__body,
.gnewsl__body {
  display: block;
  padding: 0.9375em 6.25em 0.9375em 1.875em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-item-align: center;
  align-self: center;
}
@media screen and (max-width: 991px) {
  /* line 107, sass/page/_event-recap.scss */
  .eventl__body,
  .gnewsl__body {
    padding: 1.25em 0.41666667em 1.25em 2.08333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 107, sass/page/_event-recap.scss */
  .eventl__body,
  .gnewsl__body {
    padding: 1.42857143em 1.07142857em 0;
  }
  /* line 117, sass/page/_event-recap.scss */
  .gnewsl .eventl__body, .gnewsl
  .gnewsl__body {
    padding-bottom: 1.42857143em;
  }
}
/* line 121, sass/page/_event-recap.scss */
.eventl--alumni .eventl__body, .eventl--alumni
.gnewsl__body {
  padding: 0 2.1875em 0 1.875em;
}
@media screen and (max-width: 767px) {
  /* line 121, sass/page/_event-recap.scss */
  .eventl--alumni .eventl__body, .eventl--alumni
  .gnewsl__body {
    padding: 1.42857143em 1.07142857em 0;
  }
}
/* line 128, sass/page/_event-recap.scss */
.eventl__date,
.gnewsl__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1;
  display: block;
  margin-bottom: 0.55em;
  color: #585858;
}
@media screen and (max-width: 991px) {
  /* line 128, sass/page/_event-recap.scss */
  .eventl__date,
  .gnewsl__date {
    font-size: 0.91666667em;
  }
}
/* line 139, sass/page/_event-recap.scss */
.eventl__date-d,
.gnewsl__date-d {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  position: relative;
  margin-right: 0.95em;
  padding-right: 1em;
}
/* line 144, sass/page/_event-recap.scss */
.eventl__date-d:after,
.gnewsl__date-d:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0.8em;
  margin: auto;
  content: "";
  background-color: #585858;
}
/* line 157, sass/page/_event-recap.scss */
.eventl__title,
.gnewsl__title {
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1.22;
  display: block;
  overflow: hidden;
  margin-bottom: 0.76923077em;
  padding-bottom: 3px;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 167, sass/page/_event-recap.scss */
.gnewsl .eventl__title,
.eventl--alumni .eventl__title, .gnewsl
.gnewsl__title,
.eventl--alumni
.gnewsl__title {
  max-height: 66px;
}
@media screen and (max-width: 1439px) {
  /* line 167, sass/page/_event-recap.scss */
  .gnewsl .eventl__title,
  .eventl--alumni .eventl__title, .gnewsl
  .gnewsl__title,
  .eventl--alumni
  .gnewsl__title {
    max-height: 63px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 167, sass/page/_event-recap.scss */
  .gnewsl .eventl__title,
  .eventl--alumni .eventl__title, .gnewsl
  .gnewsl__title,
  .eventl--alumni
  .gnewsl__title {
    max-height: 59px;
    margin-bottom: 0.38461538em;
  }
}
@media screen and (max-width: 991px) {
  /* line 167, sass/page/_event-recap.scss */
  .gnewsl .eventl__title,
  .eventl--alumni .eventl__title, .gnewsl
  .gnewsl__title,
  .eventl--alumni
  .gnewsl__title {
    max-height: 56px;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 767px) {
  /* line 167, sass/page/_event-recap.scss */
  .gnewsl .eventl__title,
  .eventl--alumni .eventl__title, .gnewsl
  .gnewsl__title,
  .eventl--alumni
  .gnewsl__title {
    max-height: 99px;
  }
}
/* line 185, sass/page/_event-recap.scss */
.eventl__title:hover, .eventl__title:focus,
.gnewsl__title:hover,
.gnewsl__title:focus {
  color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 157, sass/page/_event-recap.scss */
  .eventl__title,
  .gnewsl__title {
    font-size: 1.83333333em;
  }
  /* line 191, sass/page/_event-recap.scss */
  .eventl--alumni .eventl__title, .eventl--alumni
  .gnewsl__title {
    font-size: 1.33333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 157, sass/page/_event-recap.scss */
  .eventl__title,
  .gnewsl__title {
    font-size: 1.42857143em;
  }
  /* line 197, sass/page/_event-recap.scss */
  .eventl--alumni .eventl__title, .eventl--alumni
  .gnewsl__title {
    font-size: 1.33333333em;
  }
}
/* line 202, sass/page/_event-recap.scss */
.eventl__tag,
.gnewsl__tag {
  margin: 0.6875rem 0 1.3125rem;
}
@media screen and (max-width: 991px) {
  /* line 202, sass/page/_event-recap.scss */
  .eventl__tag,
  .gnewsl__tag {
    margin: 0.5rem 0 0.75rem;
  }
}
/* line 208, sass/page/_event-recap.scss */
.eventl__desc,
.gnewsl__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1rem;
  display: block;
  overflow: hidden;
  max-height: 45px;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 208, sass/page/_event-recap.scss */
  .eventl__desc,
  .gnewsl__desc {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 208, sass/page/_event-recap.scss */
  .eventl__desc,
  .gnewsl__desc {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 208, sass/page/_event-recap.scss */
  .eventl__desc,
  .gnewsl__desc {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 208, sass/page/_event-recap.scss */
  .eventl__desc,
  .gnewsl__desc {
    font-size: 0.875rem;
  }
}
/* line 228, sass/page/_event-recap.scss */
.eventl__desc:hover, .eventl__desc:focus,
.gnewsl__desc:hover,
.gnewsl__desc:focus {
  color: #732b76;
}
@media screen and (max-width: 1199px) {
  /* line 208, sass/page/_event-recap.scss */
  .eventl__desc,
  .gnewsl__desc {
    max-height: 37px;
  }
}
@media screen and (max-width: 991px) {
  /* line 208, sass/page/_event-recap.scss */
  .eventl__desc,
  .gnewsl__desc {
    max-height: 35px;
  }
}
@media screen and (max-width: 767px) {
  /* line 208, sass/page/_event-recap.scss */
  .eventl__desc,
  .gnewsl__desc {
    max-height: 82px;
  }
}
/* line 244, sass/page/_event-recap.scss */
.recap-sl {
  font-size: 1.625rem;
  margin-right: -30px;
  margin-bottom: 2.03846154em;
}
@media screen and (max-width: 991px) {
  /* line 244, sass/page/_event-recap.scss */
  .recap-sl {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 244, sass/page/_event-recap.scss */
  .recap-sl {
    font-size: 1.25rem;
    margin: 0 0.625rem;
  }
}
/* line 255, sass/page/_event-recap.scss */
.recap-sl__item {
  width: calc((100% - 30px)/3);
  margin: 0.19230769em 30px 0.38461538em 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 1px 2px 10px 1px rgba(34, 30, 31, 0.22);
  box-shadow: 1px 2px 10px 1px rgba(34, 30, 31, 0.22);
}
@media screen and (max-width: 991px) {
  /* line 255, sass/page/_event-recap.scss */
  .recap-sl__item {
    width: calc((100% - 30px)/2);
  }
}
@media screen and (max-width: 767px) {
  /* line 255, sass/page/_event-recap.scss */
  .recap-sl__item {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
/* line 269, sass/page/_event-recap.scss */
.recap-sl__img-w {
  position: relative;
  display: block;
  padding-top: 55.45454545%;
}
/* line 274, sass/page/_event-recap.scss */
.recap-sl__img-c {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 281, sass/page/_event-recap.scss */
.recap-sl__img {
  width: 100%;
}
/* line 284, sass/page/_event-recap.scss */
.recap-sl__body {
  display: block;
  padding: 1.61538462em 0.84615385em 1.84615385em 1.84615385em;
}
/* line 288, sass/page/_event-recap.scss */
.recap-sl__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  margin-bottom: 0.4em;
  color: #585858;
}
/* line 295, sass/page/_event-recap.scss */
.recap-sl__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  max-height: 94px;
  color: #000000;
}
/* line 305, sass/page/_event-recap.scss */
.gridlink {
  font-size: 1.25rem;
  margin: 1em 0em;
}
@media screen and (max-width: 991px) {
  /* line 305, sass/page/_event-recap.scss */
  .gridlink {
    font-size: 1rem;
  }
}
/* line 311, sass/page/_event-recap.scss */
.gridlink__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  position: relative;
  width: 25%;
  padding: 0.65em 0.75em;
  text-align: center;
  border: 1px solid #ffffff;
  background-color: #f6f6f6;
}
@media screen and (max-width: 991px) {
  /* line 311, sass/page/_event-recap.scss */
  .gridlink__item {
    font-size: 0.9375rem;
    width: 33.33333333%;
  }
}
/* line 324, sass/page/_event-recap.scss */
.gridlink__item[href]:hover, .gridlink__item[href]:focus {
  color: #ffffff;
  background-color: #732b76;
}
/* line 1, sass/page/_management.scss */
.ppl {
  font-size: 1.125rem;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_management.scss */
  .ppl {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_management.scss */
  .ppl {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_management.scss */
  .ppl {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_management.scss */
  .ppl {
    font-size: 0.875rem;
  }
}
/* line 16, sass/page/_management.scss */
.ppl__grp {
  position: relative;
  z-index: 0;
  width: 1440px;
  margin-left: auto;
  padding: 3.5em 0 0 1.66666667em;
}
@media screen and (max-width: 1439px) {
  /* line 16, sass/page/_management.scss */
  .ppl__grp {
    width: 1170px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 16, sass/page/_management.scss */
  .ppl__grp {
    width: 970px;
  }
}
@media screen and (max-width: 991px) {
  /* line 16, sass/page/_management.scss */
  .ppl__grp {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 16, sass/page/_management.scss */
  .ppl__grp {
    width: auto;
    padding-top: 1.28571429em;
    padding-right: 1.07142857em;
    padding-left: 1.07142857em;
  }
}
/* line 39, sass/page/_management.scss */
.ppl__grp:first-child {
  padding-top: 1.38888889em;
}
/* line 43, sass/page/_management.scss */
.ppl__grp:last-child {
  padding-bottom: 0.55555556em;
}
/* line 48, sass/page/_management.scss */
.ppl__grp--stroke:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  content: "";
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-stroke.png");
  background-size: 8px 8px;
}
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* line 48, sass/page/_management.scss */
  .ppl__grp--stroke:before {
    background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-stroke-xs.png");
  }
}
/* line 68, sass/page/_management.scss */
.ppl__heading {
  font-size: 1.77777778em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.9375em;
  color: #732b76;
}
/* line 78, sass/page/_management.scss */
.ppl__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 85, sass/page/_management.scss */
.ppl__item {
  width: 50%;
  margin-bottom: 2.77777778em;
  padding-right: 3.54609929%;
}
@media screen and (max-width: 1199px) {
  /* line 85, sass/page/_management.scss */
  .ppl__item {
    padding-right: 1.6em;
  }
}
@media screen and (max-width: 767px) {
  /* line 85, sass/page/_management.scss */
  .ppl__item {
    width: 100%;
    padding-right: 0;
  }
}
/* line 97, sass/page/_management.scss */
.ppl__item--lg {
  width: 100%;
  padding-right: 14.18439716%;
}
@media screen and (max-width: 1199px) {
  /* line 97, sass/page/_management.scss */
  .ppl__item--lg {
    padding-right: 2.66666667em;
  }
}
@media screen and (max-width: 767px) {
  /* line 97, sass/page/_management.scss */
  .ppl__item--lg {
    padding-right: 0;
  }
}
/* line 109, sass/page/_management.scss */
.ppl__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  /* line 111, sass/page/_management.scss */
  .ppl__item--lg .ppl__inner {
    display: block;
  }
}
/* line 118, sass/page/_management.scss */
.ppl__img-w {
  width: 38.51851852%;
  margin-right: 4.25531915%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 118, sass/page/_management.scss */
  .ppl__img-w {
    width: calc(30% - 15px);
    margin-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}
/* line 131, sass/page/_management.scss */
.ppl__item--lg .ppl__img-w {
  width: 23.61702128%;
}
@media screen and (max-width: 767px) {
  /* line 131, sass/page/_management.scss */
  .ppl__item--lg .ppl__img-w {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.28571429em;
    text-align: center;
  }
}
/* line 145, sass/page/_management.scss */
.ie .ppl__img-w {
  display: block;
}
/* line 150, sass/page/_management.scss */
.ppl__img-c {
  position: relative;
  padding-top: 133.33333333%;
}
@media screen and (max-width: 767px) {
  /* line 155, sass/page/_management.scss */
  .ppl__item--lg .ppl__img-c {
    padding-top: 0;
  }
}
/* line 161, sass/page/_management.scss */
.ppl__img {
  height: auto;
}
@media screen and (max-width: 767px) {
  /* line 166, sass/page/_management.scss */
  .ppl__item--lg .ppl__img {
    position: static;
    width: auto;
    max-width: 80%;
    height: auto;
  }
}
/* line 176, sass/page/_management.scss */
.ppl__body {
  padding-top: 1.52671756%;
  padding-bottom: 1.52671756%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 176, sass/page/_management.scss */
  .ppl__body {
    width: 70%;
    padding-top: 0;
  }
}
/* line 187, sass/page/_management.scss */
.ppl__item--lg .ppl__body {
  padding-bottom: 0;
  -ms-flex-item-align: center;
  align-self: center;
}
@media screen and (max-width: 767px) {
  /* line 187, sass/page/_management.scss */
  .ppl__item--lg .ppl__body {
    width: 100%;
  }
}
/* line 196, sass/page/_management.scss */
.ie .ppl__body {
  display: block;
}
/* line 201, sass/page/_management.scss */
.ppl__row1 {
  font-size: 0.83333333em;
  font-weight: 600;
  text-transform: uppercase;
  color: #000000;
}
/* line 210, sass/page/_management.scss */
.ppl__row2 {
  font-size: 1.11111111em;
  font-weight: 700;
  margin-bottom: 0.2em;
}
/* line 216, sass/page/_management.scss */
.ppl__item--lg .ppl__row2 {
  font-size: 1.4em;
  font-weight: 600;
}
/* line 222, sass/page/_management.scss */
.ppl__row3 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.24;
  margin-bottom: 1.55555556em;
}
/* line 231, sass/page/_management.scss */
.ppl__item--lg .ppl__row3 {
  font-size: 1.11111111em;
}
/* line 236, sass/page/_management.scss */
.ppl__desc {
  font-size: 1em;
  line-height: 1.33333333;
  overflow: hidden;
  max-height: 77px;
  margin-bottom: 1.66666667em;
  padding-bottom: 3px;
  color: #000000;
}
@media screen and (max-width: 1199px) {
  /* line 236, sass/page/_management.scss */
  .ppl__desc {
    max-height: 67px;
  }
}
@media screen and (max-width: 767px) {
  /* line 236, sass/page/_management.scss */
  .ppl__desc {
    max-height: 77px;
  }
}
/* line 256, sass/page/_management.scss */
.ppl__contacts-title {
  font-size: 0.83333333em;
  font-weight: 600;
  margin-bottom: 0.26666667em;
  color: #000000;
}
/* line 265, sass/page/_management.scss */
.ppl__contacts-item {
  font-size: 0.88888889em;
  position: relative;
  padding-left: 1.44444444em;
  color: #6E6E6E;
}
/* line 274, sass/page/_management.scss */
.ppl__contacts-item a {
  text-decoration: underline;
  color: #732b76;
}
/* line 280, sass/page/_management.scss */
.ppl__contacts-item:before {
  font-family: icomoon;
  font-size: 1em;
  position: absolute;
  top: 0.0625em;
  left: 0;
  color: #8f8f8f;
}
/* line 293, sass/page/_management.scss */
.ppl__contacts-item--phone:before {
  top: 0.0625em;
  content: "\e903";
}
/* line 301, sass/page/_management.scss */
.ppl__contacts-item--email:before {
  top: 0.0625em;
  content: "\e902";
}
@media screen and (max-width: 767px) {
  /* line 315, sass/page/_management.scss */
  .ppld__ppl {
    margin-bottom: 2.8125rem;
  }
}
/* line 321, sass/page/_management.scss */
.ppld__ppl, .ppld__nav, .ppld__content {
  padding-left: 3.75rem;
}
@media screen and (max-width: 1439px) {
  /* line 321, sass/page/_management.scss */
  .ppld__ppl, .ppld__nav, .ppld__content {
    padding-left: 0;
  }
}
/* line 330, sass/page/_management.scss */
.ppld__content {
  width: 72.90015848%;
}
@media screen and (max-width: 1439px) {
  /* line 330, sass/page/_management.scss */
  .ppld__content {
    width: 90%;
  }
}
@media screen and (max-width: 1199px) {
  /* line 330, sass/page/_management.scss */
  .ppld__content {
    width: 100%;
  }
}
/* line 343, sass/page/_management.scss */
.big-ppl {
  font-size: 1.125rem;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 1439px) {
  /* line 343, sass/page/_management.scss */
  .big-ppl {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 343, sass/page/_management.scss */
  .big-ppl {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 343, sass/page/_management.scss */
  .big-ppl {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 343, sass/page/_management.scss */
  .big-ppl {
    font-size: 0.875rem;
  }
}
/* line 364, sass/page/_management.scss */
.big-ppl:after {
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 100%;
  height: 0;
  margin-bottom: -0.95465394%;
  padding-top: 0.79554495%;
  content: "";
  border-radius: 50%;
  -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.08);
}
/* line 380, sass/page/_management.scss */
.big-ppl__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 385, sass/page/_management.scss */
  .ppld .big-ppl__inner,
  .ppl__item--lg .big-ppl__inner {
    display: block;
  }
}
/* line 393, sass/page/_management.scss */
.big-ppl__img-w {
  width: 19.96830428%;
  margin-right: 3.0110935%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 393, sass/page/_management.scss */
  .big-ppl__img-w {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.28571429em;
    text-align: center;
  }
}
/* line 410, sass/page/_management.scss */
.big-ppl__img-c {
  position: relative;
  padding-top: 133.33333333%;
}
@media screen and (max-width: 767px) {
  /* line 410, sass/page/_management.scss */
  .big-ppl__img-c {
    padding-top: 0;
  }
}
/* line 419, sass/page/_management.scss */
.big-ppl__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  /* line 419, sass/page/_management.scss */
  .big-ppl__img {
    position: static;
    width: auto;
    max-width: 80%;
    height: auto;
  }
}
/* line 435, sass/page/_management.scss */
.big-ppl__pos {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.3em;
  color: #000000;
}
/* line 444, sass/page/_management.scss */
.big-ppl__name {
  font-size: 1.6em;
  font-weight: 400;
  margin-bottom: 0.46875em;
  color: #000000;
}
/* line 453, sass/page/_management.scss */
.big-ppl__info {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.11111111em;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 1.35em;
}
/* line 462, sass/page/_management.scss */
.big-ppl__info p {
  margin-bottom: 0.2em;
}
/* line 468, sass/page/_management.scss */
.big-ppl__contacts-title {
  font-size: 1.11111111em;
  font-weight: 600;
  margin-bottom: 0.25em;
  color: #000000;
}
/* line 477, sass/page/_management.scss */
.big-ppl__contacts-item {
  font-size: 0.88888889em;
  position: relative;
  padding-left: 1.44444444em;
  color: #732b76;
}
/* line 486, sass/page/_management.scss */
.big-ppl__contacts-item a {
  text-decoration: underline;
  color: #732b76;
}
/* line 492, sass/page/_management.scss */
.big-ppl__contacts-item:before {
  font-family: icomoon;
  font-size: 1em;
  position: absolute;
  top: 0.0625em;
  left: 0;
  color: #732b76;
}
/* line 505, sass/page/_management.scss */
.big-ppl__contacts-item--phone:before {
  top: 0.0625em;
  content: "\e903";
}
/* line 513, sass/page/_management.scss */
.big-ppl__contacts-item--email:before {
  top: 0.0625em;
  content: "\e902";
}
/* line 524, sass/page/_management.scss */
.related-sl {
  font-size: 1.625rem;
  margin-right: -1.26923077em;
}
@media screen and (max-width: 1439px) {
  /* line 524, sass/page/_management.scss */
  .related-sl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 524, sass/page/_management.scss */
  .related-sl {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 524, sass/page/_management.scss */
  .related-sl {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 524, sass/page/_management.scss */
  .related-sl {
    font-size: 0.875rem;
    margin-right: -0.85714286em;
  }
}
/* line 543, sass/page/_management.scss */
.related-sl__item {
  margin-right: 1.26923077em;
  padding-top: 1.34615385em;
}
@media screen and (max-width: 767px) {
  /* line 543, sass/page/_management.scss */
  .related-sl__item {
    margin-right: 0.85714286em;
  }
}
/* line 550, sass/page/_management.scss */
.related-sl__item:only-child {
  width: 50%;
}
/* line 555, sass/page/_management.scss */
.related-sl__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: 0.96153846em;
  padding: 1.07692308em 1.15384615em 1.11538462em;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 555, sass/page/_management.scss */
  .related-sl__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 1.07142857em;
    padding-left: 1.07142857em;
  }
}
/* line 571, sass/page/_management.scss */
.related-sl__img-w {
  width: 52.63157895%;
  margin-top: -2.42307692em;
  margin-right: 1.03846154em;
  margin-left: -2em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 571, sass/page/_management.scss */
  .related-sl__img-w {
    width: 118%;
    margin-right: 0;
    margin-bottom: 0.71428571em;
  }
}
/* line 585, sass/page/_management.scss */
.related-sl__img-c {
  position: relative;
  padding-top: 55.80645161%;
}
/* line 591, sass/page/_management.scss */
.related-sl__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 600, sass/page/_management.scss */
.related-sl__context {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 604, sass/page/_management.scss */
.related-sl__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 0.7em;
  color: #585858;
}
/* line 616, sass/page/_management.scss */
.related-sl__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  max-height: 125px;
  margin-bottom: 0.69230769em;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 616, sass/page/_management.scss */
  .related-sl__title {
    max-height: 113px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 616, sass/page/_management.scss */
  .related-sl__title {
    max-height: 85px;
  }
}
@media screen and (max-width: 991px) {
  /* line 616, sass/page/_management.scss */
  .related-sl__title {
    max-height: 77px;
  }
}
@media screen and (max-width: 767px) {
  /* line 616, sass/page/_management.scss */
  .related-sl__title {
    max-height: 97px;
  }
}
/* line 2, sass/page/_research.scss */
.researchl__bottom {
  padding-top: 1.25rem;
}
/* line 7, sass/page/_research.scss */
.lookfor {
  font-size: 0.9375rem;
  position: relative;
  padding-top: 6.6em;
  padding-bottom: 4.4em;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-blue.jpg") 100% 100% no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 1199px) {
  /* line 7, sass/page/_research.scss */
  .lookfor {
    font-size: 0.875rem;
    padding-top: 4.28571429em;
    padding-bottom: 4.28571429em;
  }
}
@media screen and (max-width: 991px) {
  /* line 7, sass/page/_research.scss */
  .lookfor {
    font-size: 0.75rem;
    background-size: cover;
  }
}
@media screen and (max-width: 767px) {
  /* line 7, sass/page/_research.scss */
  .lookfor {
    font-size: 0.875rem;
    padding-top: 4.28571429em;
    padding-bottom: 4.28571429em;
    background-size: cover;
  }
}
/* line 38, sass/page/_research.scss */
.lookfor__head {
  font-size: 2.13333333em;
  font-weight: 700;
  margin-bottom: 1.25em;
  text-align: center;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 38, sass/page/_research.scss */
  .lookfor__head {
    font-size: 1.71428571em;
  }
}
/* line 52, sass/page/_research.scss */
.lookfor__inner {
  width: 68.62318841%;
  margin: 0 auto;
  -webkit-transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1199px) {
  /* line 52, sass/page/_research.scss */
  .lookfor__inner {
    width: 85%;
  }
}
@media screen and (max-width: 767px) {
  /* line 52, sass/page/_research.scss */
  .lookfor__inner {
    width: 100%;
  }
}
/* line 65, sass/page/_research.scss */
.lookfor__list {
  padding-left: 1.33333333em;
}
/* line 69, sass/page/_research.scss */
.lookfor__link {
  font-size: 1em;
  display: block;
  margin-bottom: 1.06666667em;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 80, sass/page/_research.scss */
.lookfor__link:after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.86666667em;
  margin-left: 0.92307692em;
  content: "\e939";
}
/* line 91, sass/page/_research.scss */
.lookfor__link:last-child {
  margin-bottom: 0;
}
/* line 95, sass/page/_research.scss */
.lookfor__link[href]:hover, .lookfor__link[href]:focus {
  color: #732b76;
}
/* line 103, sass/page/_research.scss */
.lookfor-search {
  font-size: 1.125rem;
  margin-bottom: 1.44444444em;
  text-align: center;
}
@media screen and (max-width: 1199px) {
  /* line 103, sass/page/_research.scss */
  .lookfor-search {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 103, sass/page/_research.scss */
  .lookfor-search {
    font-size: 1rem;
  }
}
/* line 116, sass/page/_research.scss */
.lookfor-search__box {
  position: relative;
}
/* line 120, sass/page/_research.scss */
.lookfor-search__field {
  font-size: 1em;
  width: 100%;
  height: 2.88888889em;
  padding-right: 3.55555556em;
  padding-left: 1.11111111em;
  color: #333333;
  border: 0;
}
@media screen and (max-width: 767px) {
  /* line 120, sass/page/_research.scss */
  .lookfor-search__field {
    height: 3.75em;
    padding-right: 3.33333333em;
  }
}
/* line 136, sass/page/_research.scss */
.lookfor-search__btn {
  font-size: 1.22222222em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2.54545455em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #732b76;
}
/* line 150, sass/page/_research.scss */
.lookfor-search__btn:hover, .lookfor-search__btn:focus {
  color: #ffffff;
  background-color: #732b76;
}
/* line 157, sass/page/_research.scss */
.lookfor-search__pl {
  position: absolute;
  top: 0.83333333em;
  left: 1.11111111em;
  margin-right: 3.55555556em;
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 157, sass/page/_research.scss */
  .lookfor-search__pl {
    top: 0.875em;
    margin-right: 3.33333333em;
  }
}
/* line 172, sass/page/_research.scss */
.lookfor-search__title {
  font-size: 1em;
  line-height: 1.2;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 172, sass/page/_research.scss */
  .lookfor-search__title {
    font-size: 0.875em;
    font-weight: 600;
  }
}
/* line 183, sass/page/_research.scss */
.lookfor-search__sub {
  font-size: 0.77777778em;
  font-style: italic;
  color: #737373;
}
@media screen and (max-width: 767px) {
  /* line 183, sass/page/_research.scss */
  .lookfor-search__sub {
    font-weight: 400;
    display: block;
    margin-top: 0.375em;
  }
}
/* line 198, sass/page/_research.scss */
.research-result {
  margin: 2.5rem 0;
}
/* line 202, sass/page/_research.scss */
.bg-heading {
  font-size: 1.625rem;
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0.76923077em 0;
  padding: 0.69230769em 2.69230769em 0.61538462em 0.84615385em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: left;
  background-color: #732b76;
  -webkit-box-shadow: 0 0 4px transparent;
  box-shadow: 0 0 4px transparent;
}
@media screen and (max-width: 1439px) {
  /* line 202, sass/page/_research.scss */
  .bg-heading {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 202, sass/page/_research.scss */
  .bg-heading {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 202, sass/page/_research.scss */
  .bg-heading {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 202, sass/page/_research.scss */
  .bg-heading {
    font-size: 1.125rem;
  }
}
/* line 234, sass/page/_research.scss */
.bg-heading--purple {
  background-color: #732b75;
}
@media screen and (max-width: 767px) {
  /* line 234, sass/page/_research.scss */
  .bg-heading--purple {
    background-color: #732b75;
  }
}
/* line 234, sass/page/_research.scss */
.bg-heading--green {
  background-color: #23a455;
}
@media screen and (max-width: 767px) {
  /* line 234, sass/page/_research.scss */
  .bg-heading--green {
    background-color: #23a455;
  }
}
/* line 234, sass/page/_research.scss */
.bg-heading--orange {
  background-color: #e65100;
}
@media screen and (max-width: 767px) {
  /* line 234, sass/page/_research.scss */
  .bg-heading--orange {
    background-color: #e65100;
  }
}
/* line 234, sass/page/_research.scss */
.bg-heading--sky {
  background-color: #0297a7;
}
@media screen and (max-width: 767px) {
  /* line 234, sass/page/_research.scss */
  .bg-heading--sky {
    background-color: #0297a7;
  }
}
/* line 234, sass/page/_research.scss */
.bg-heading--blue {
  background-color: #0369da;
}
@media screen and (max-width: 767px) {
  /* line 234, sass/page/_research.scss */
  .bg-heading--blue {
    background-color: #0369da;
  }
}
/* line 234, sass/page/_research.scss */
.bg-heading--palepurple {
  background-color: #f3f5f8;
}
@media screen and (max-width: 767px) {
  /* line 234, sass/page/_research.scss */
  .bg-heading--palepurple {
    background-color: #f3f5f8;
  }
}
/* line 246, sass/page/_research.scss */
.bg-heading__text {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  line-height: 1.25;
  display: block;
  color: #ffffff;
}
/* line 255, sass/page/_research.scss */
.bg-heading--palepurple .bg-heading__text {
  color: #732b76;
}
/* line 260, sass/page/_research.scss */
.bg-heading:before {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  width: 0.15384615em;
  height: 0;
  content: "";
  -webkit-transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, visibility 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, visibility 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  background-color: #732b76;
}
/* line 277, sass/page/_research.scss */
.bg-heading:after {
  font-family: icomoon;
  position: absolute;
  right: 0.69230769em;
  width: 1em;
  height: 1em;
  content: "";
  text-align: center;
  color: #732b76;
}
/* line 292, sass/page/_research.scss */
.bg-heading[data-toggle]:after {
  top: 0.80769231em;
  content: "";
}
/* line 298, sass/page/_research.scss */
.bg-heading[href]:after {
  top: 0.61538462em;
  content: "";
}
/* line 304, sass/page/_research.scss */
.bg-heading[target="_blank"]:after {
  top: 0.61538462em;
  content: "";
}
/* line 310, sass/page/_research.scss */
.bg-heading:hover, .bg-heading:focus {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
/* line 316, sass/page/_research.scss */
.bg-heading:hover:before, .bg-heading:focus:before {
  top: 0;
  visibility: visible;
  height: 100%;
  opacity: 1;
}
/* line 326, sass/page/_research.scss */
.bg-heading:hover:after, .bg-heading:focus:after {
  -webkit-animation: wobble 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: wobble 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 333, sass/page/_research.scss */
.unit {
  font-size: 1.25rem;
}
@media screen and (max-width: 1199px) {
  /* line 333, sass/page/_research.scss */
  .unit {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 333, sass/page/_research.scss */
  .unit {
    font-size: 1rem;
  }
}
/* line 343, sass/page/_research.scss */
.unit__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  /* line 343, sass/page/_research.scss */
  .unit__row {
    display: block;
    margin-bottom: 1.25em;
  }
}
/* line 352, sass/page/_research.scss */
.unit__title {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 600;
  width: 200px;
  padding: 0.4em 0.25em;
  text-align: right;
  color: #732b76;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 352, sass/page/_research.scss */
  .unit__title {
    width: 120px;
  }
}
@media screen and (max-width: 767px) {
  /* line 352, sass/page/_research.scss */
  .unit__title {
    width: 100%;
    text-align: center;
  }
}
/* line 375, sass/page/_research.scss */
.unit__info {
  font-size: 0.9em;
  font-weight: 400;
  width: calc(100% - 250px);
  margin-left: 50px;
  padding: 0.55555556em 1em;
  background-color: #f3f5f8;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 375, sass/page/_research.scss */
  .unit__info {
    width: calc(100% - 170px);
  }
}
@media screen and (max-width: 767px) {
  /* line 375, sass/page/_research.scss */
  .unit__info {
    width: 100%;
    margin-left: 0;
  }
}
/* line 394, sass/page/_research.scss */
.unit__info a {
  color: #732b76;
}
/* line 1, sass/page/_gallery.scss */
.ghl {
  font-size: 2rem;
  padding-top: 2.1875em;
  padding-bottom: 2.09375em;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_gallery.scss */
  .ghl {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_gallery.scss */
  .ghl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_gallery.scss */
  .ghl {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_gallery.scss */
  .ghl {
    font-size: 1.25rem;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
}
/* line 22, sass/page/_gallery.scss */
.ghl__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 22, sass/page/_gallery.scss */
  .ghl__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 31, sass/page/_gallery.scss */
.ghl__img-w {
  display: block;
  width: 57.24637681%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 38, sass/page/_gallery.scss */
.ie .ghl__img-w {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
@media screen and (max-width: 767px) {
  /* line 31, sass/page/_gallery.scss */
  .ghl__img-w {
    width: 100%;
  }
}
/* line 52, sass/page/_gallery.scss */
.ghl__img-w:hover .ghl__img, .ghl__img-w:focus .ghl__img {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}
/* line 58, sass/page/_gallery.scss */
.ghl__img-c {
  position: relative;
  overflow: hidden;
  padding-top: 62.65822785%;
}
/* line 65, sass/page/_gallery.scss */
.ghl__img-c:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 150%;
  width: 40%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  pointer-events: none;
  background: rgba(255, 255, 255, 0.05);
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
/* line 84, sass/page/_gallery.scss */
.ghl__img {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 90, sass/page/_gallery.scss */
.ghl__body {
  padding: 1.44927536% 4.34782609%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 90, sass/page/_gallery.scss */
  .ghl__body {
    width: 100%;
    padding: 1.25em 0.5em 0.5em;
  }
}
/* line 100, sass/page/_gallery.scss */
.ghl__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.625em;
  font-weight: 500;
  display: block;
  margin-bottom: 0.85em;
  color: #000000;
}
/* line 113, sass/page/_gallery.scss */
.ghl__title {
  font-size: 1em;
  font-weight: 600;
  max-height: 153px;
  margin-bottom: 0.5625em;
}
@media screen and (max-width: 1439px) {
  /* line 113, sass/page/_gallery.scss */
  .ghl__title {
    max-height: 133px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 113, sass/page/_gallery.scss */
  .ghl__title {
    max-height: 113px;
  }
}
@media screen and (max-width: 991px) {
  /* line 113, sass/page/_gallery.scss */
  .ghl__title {
    max-height: 140px;
  }
}
@media screen and (max-width: 767px) {
  /* line 113, sass/page/_gallery.scss */
  .ghl__title {
    max-height: 124px;
  }
}
/* line 132, sass/page/_gallery.scss */
.ghl__title a {
  color: #000000;
}
/* line 135, sass/page/_gallery.scss */
.ghl__title a:hover, .ghl__title a:focus {
  color: #732b76;
}
/* line 142, sass/page/_gallery.scss */
.ghl__tag {
  margin-bottom: 2.1875rem;
}
@media screen and (max-width: 991px) {
  /* line 142, sass/page/_gallery.scss */
  .ghl__tag {
    margin-bottom: 1.5625rem;
  }
}
/* line 151, sass/page/_gallery.scss */
.glisting {
  min-height: 400px;
  padding-top: 4.0625rem;
  padding-bottom: 2.625rem;
}
@media screen and (max-width: 767px) {
  /* line 151, sass/page/_gallery.scss */
  .glisting {
    padding-top: 2.1875rem;
    padding-bottom: 1.875rem;
  }
}
/* line 161, sass/page/_gallery.scss */
.gl {
  font-size: 1.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 161, sass/page/_gallery.scss */
  .gl {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 161, sass/page/_gallery.scss */
  .gl {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 161, sass/page/_gallery.scss */
  .gl {
    font-size: 1rem;
  }
}
/* line 173, sass/page/_gallery.scss */
.gl__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1.52173913%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 173, sass/page/_gallery.scss */
  .gl__cont {
    margin-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 186, sass/page/_gallery.scss */
.gl__item {
  width: 31.834404%;
  margin-right: 1.49892934%;
  margin-bottom: 4.06852248%;
  background-color: #ffffff;
}
/* line 193, sass/page/_gallery.scss */
.gl__item--lg {
  width: 48.53675946%;
  margin-right: 1.42755175%;
}
/* line 198, sass/page/_gallery.scss */
.gl__item--mas {
  margin: 0 0 1em;
  -webkit-box-shadow: 0em 0.03846154em 0.38461538em rgba(0, 0, 0, 0.12);
  box-shadow: 0em 0.03846154em 0.38461538em rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 991px) {
  /* line 198, sass/page/_gallery.scss */
  .gl__item--mas {
    width: 48.60724234%;
  }
}
@media screen and (max-width: 767px) {
  /* line 186, sass/page/_gallery.scss */
  .gl__item {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 2em !important;
  }
}
/* line 213, sass/page/_gallery.scss */
.ie .gl__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 221, sass/page/_gallery.scss */
.gl__img-w {
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 233, sass/page/_gallery.scss */
.gl__img-w:hover .gl__img, .gl__img-w:focus .gl__img {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}
/* line 239, sass/page/_gallery.scss */
.gl__img-c {
  position: relative;
  overflow: hidden;
  padding-top: 65.58823529%;
}
/* line 246, sass/page/_gallery.scss */
.gl__img-c:after {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 150%;
  width: 40%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  pointer-events: none;
  background: rgba(255, 255, 255, 0.05);
  -webkit-filter: blur(7px);
  filter: blur(7px);
}
/* line 264, sass/page/_gallery.scss */
.gl__item--mas .gl__img-c {
  padding-top: 0;
}
/* line 269, sass/page/_gallery.scss */
.gl__img {
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 274, sass/page/_gallery.scss */
.gl__item--mas .gl__img {
  position: static;
  height: auto;
}
/* line 281, sass/page/_gallery.scss */
.gl__body {
  padding: 6.05381166% 6.7264574% 5.60538117%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 286, sass/page/_gallery.scss */
.gl__item--lg .gl__body {
  padding: 4.26470588% 4.41176471% 3.67647059%;
}
@media screen and (max-width: 767px) {
  /* line 281, sass/page/_gallery.scss */
  .gl__body {
    padding: 1.25em 1em 1.5em !important;
  }
}
/* line 293, sass/page/_gallery.scss */
.ie .gl__body {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 298, sass/page/_gallery.scss */
.gl__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  display: block;
  margin-bottom: 0.55em;
  color: #585858;
}
/* line 310, sass/page/_gallery.scss */
.gl__item--mas .gl__date {
  font-size: 0.61538462em;
  max-height: none;
}
/* line 317, sass/page/_gallery.scss */
.gl__title {
  font-size: 1em;
  font-weight: 600;
  overflow: hidden;
  max-height: 97px;
  margin-bottom: 0.73076923em;
}
@media screen and (max-width: 1439px) {
  /* line 317, sass/page/_gallery.scss */
  .gl__title {
    max-height: 83px;
  }
}
@media screen and (max-width: 991px) {
  /* line 317, sass/page/_gallery.scss */
  .gl__title {
    max-height: 76px;
  }
}
@media screen and (max-width: 767px) {
  /* line 317, sass/page/_gallery.scss */
  .gl__title {
    max-height: 61px;
  }
}
/* line 335, sass/page/_gallery.scss */
.gl__item--lg .gl__title {
  max-height: 65px;
}
@media screen and (max-width: 1439px) {
  /* line 335, sass/page/_gallery.scss */
  .gl__item--lg .gl__title {
    max-height: 56px;
  }
}
@media screen and (max-width: 991px) {
  /* line 335, sass/page/_gallery.scss */
  .gl__item--lg .gl__title {
    max-height: 51px;
  }
}
@media screen and (max-width: 767px) {
  /* line 335, sass/page/_gallery.scss */
  .gl__item--lg .gl__title {
    max-height: 41px;
  }
}
/* line 348, sass/page/_gallery.scss */
.gl__item--mas .gl__title {
  font-size: 0.84615385em;
  max-height: none;
}
/* line 354, sass/page/_gallery.scss */
.gl__title a {
  color: #000000;
}
/* line 357, sass/page/_gallery.scss */
.gl__title a:hover, .gl__title a:focus {
  color: #732b76;
}
/* line 364, sass/page/_gallery.scss */
.gl__tag {
  margin-bottom: 1.0625rem;
}
/* line 373, sass/page/_gallery.scss */
.gallery-block {
  font-size: 1.75rem;
  margin-top: 0.96428571em;
}
@media screen and (max-width: 1439px) {
  /* line 373, sass/page/_gallery.scss */
  .gallery-block {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 373, sass/page/_gallery.scss */
  .gallery-block {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 373, sass/page/_gallery.scss */
  .gallery-block {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 373, sass/page/_gallery.scss */
  .gallery-block {
    font-size: 1.5rem;
  }
  /* line 390, sass/page/_gallery.scss */
  .gallery-block > .container {
    padding: 0 22px;
  }
}
/* line 395, sass/page/_gallery.scss */
.gallery-block__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.60714286em;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  /* line 395, sass/page/_gallery.scss */
  .gallery-block__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 410, sass/page/_gallery.scss */
.gallery-block__cont {
  margin: 0 -0.72463768%;
}
@media screen and (max-width: 1199px) {
  /* line 410, sass/page/_gallery.scss */
  .gallery-block__cont {
    margin: 0 -0.98901099%;
  }
}
@media screen and (max-width: 991px) {
  /* line 410, sass/page/_gallery.scss */
  .gallery-block__cont {
    margin: 0 -1.41242938%;
  }
}
/* line 420, sass/page/_gallery.scss */
.gallery-block__title {
  font-size: 1em;
  line-height: 1.2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 420, sass/page/_gallery.scss */
  .gallery-block__title {
    margin-right: auto;
    margin-bottom: 0.58333333em;
  }
}
/* line 432, sass/page/_gallery.scss */
.ie .gallery-block__title {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 437, sass/page/_gallery.scss */
.gallery-block__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 25%;
  padding: 0.71428571%;
  -webkit-transition: all .4s;
  transition: all .4s;
}
@media screen and (max-width: 1199px) {
  /* line 437, sass/page/_gallery.scss */
  .gallery-block__item {
    width: 33.33333333%;
    padding: 0.96982759%;
  }
}
@media screen and (max-width: 991px) {
  /* line 437, sass/page/_gallery.scss */
  .gallery-block__item {
    width: 50%;
    padding: 1.37362637%;
  }
}
/* line 454, sass/page/_gallery.scss */
.gallery-block__img {
  width: 100%;
}
/* line 1, sass/page/_alumni.scss */
.promonav {
  font-size: 1rem;
  position: relative;
  display: block;
  margin-bottom: 1.25em;
  padding: 1.4375em 1.9375em 2.375em;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_alumni.scss */
  .promonav {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_alumni.scss */
  .promonav {
    font-size: 0.8125rem;
    padding: 1.38461538em 1.15384615em 2em 1.84615385em;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_alumni.scss */
  .promonav {
    font-size: 0.6875rem;
  }
}
/* line 23, sass/page/_alumni.scss */
.promonav--purple {
  background-color: #6A6F95;
}
/* line 26, sass/page/_alumni.scss */
.promonav--purple:after {
  background-color: #8587B7;
}
/* line 31, sass/page/_alumni.scss */
.promonav--green {
  background-color: #01808E;
}
/* line 34, sass/page/_alumni.scss */
.promonav--green:after {
  background-color: #8ABABB;
}
/* line 39, sass/page/_alumni.scss */
.promonav--blue {
  background-color: #4873AA;
}
/* line 42, sass/page/_alumni.scss */
.promonav--blue:after {
  background-color: #7A98C3;
}
/* line 47, sass/page/_alumni.scss */
.promonav:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.5em;
  content: "";
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-stripe.png");
  background-repeat: repeat-y;
  background-size: 0.5em 0.625em;
}
/* line 62, sass/page/_alumni.scss */
.promonav__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.8125em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 70, sass/page/_alumni.scss */
.promonav__icon {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  margin-right: 0.8125em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 70, sass/page/_alumni.scss */
  .promonav__icon {
    max-width: 1.625rem;
    margin-right: 0.5rem;
  }
  /* line 80, sass/page/_alumni.scss */
  .promonav__icon img {
    max-width: 100%;
  }
}
/* line 86, sass/page/_alumni.scss */
.promonav__title {
  font-size: 1.375em;
  font-weight: 600;
  line-height: 1.09090909;
  color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 96, sass/page/_alumni.scss */
.promonav__body {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 700;
  color: #ffffff;
}
/* line 107, sass/page/_alumni.scss */
.promopic {
  font-size: 1.375rem;
  line-height: 1.3;
  display: block;
  padding: 1.90909091em 1.36363636em;
  text-align: center;
  background-color: #F2F3F6;
}
@media screen and (max-width: 1439px) {
  /* line 107, sass/page/_alumni.scss */
  .promopic {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 107, sass/page/_alumni.scss */
  .promopic {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 107, sass/page/_alumni.scss */
  .promopic {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 107, sass/page/_alumni.scss */
  .promopic {
    font-size: 0.875rem;
    padding: 1em 1.07142857em;
  }
}
/* line 136, sass/page/_alumni.scss */
.promopic[href]:hover .promopic__img-w, .promopic[href]:focus .promopic__img-w {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
/* line 146, sass/page/_alumni.scss */
.promopic__wrap {
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 146, sass/page/_alumni.scss */
  .promopic__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
/* line 154, sass/page/_alumni.scss */
.promopic__body {
  display: block;
  margin-bottom: 1.875em;
}
@media screen and (max-width: 767px) {
  /* line 154, sass/page/_alumni.scss */
  .promopic__body {
    width: 65%;
    margin-bottom: 0;
    padding-left: 5%;
    text-align: left;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}
/* line 171, sass/page/_alumni.scss */
.promopic__title {
  font-size: 1em;
  font-weight: 600;
  display: block;
  color: #732b76;
}
/* line 179, sass/page/_alumni.scss */
.promopic__title:after {
  position: relative;
  display: block;
  width: 1.09090909em;
  height: 1px;
  margin: auto;
  margin-top: 0.45454545em;
  margin-bottom: 0.36363636em;
  content: "";
  background-color: #A1A1A1;
}
@media screen and (max-width: 767px) {
  /* line 179, sass/page/_alumni.scss */
  .promopic__title:after {
    width: 2.5rem;
    margin: 0.625rem 0;
  }
}
/* line 200, sass/page/_alumni.scss */
.promopic__text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.90909091em;
  display: block;
  color: #000000;
}
/* line 210, sass/page/_alumni.scss */
.promopic__img-w {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 210, sass/page/_alumni.scss */
  .promopic__img-w {
    width: 35%;
    max-width: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
/* line 226, sass/page/_alumni.scss */
.promopic__img-w:after {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 150%;
  width: 40%;
  height: 100%;
  content: "";
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  pointer-events: none;
  background: rgba(244, 245, 249, 0.1);
  -webkit-filter: blur(6px);
  filter: blur(6px);
}
/* line 245, sass/page/_alumni.scss */
.promopic__img-c {
  position: relative;
  display: block;
  padding-top: 141.49659864%;
}
/* line 259, sass/page/_alumni.scss */
.upevt {
  font-size: 1.625rem;
  margin-bottom: 2.61538462em;
}
@media screen and (max-width: 1439px) {
  /* line 259, sass/page/_alumni.scss */
  .upevt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 259, sass/page/_alumni.scss */
  .upevt {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 259, sass/page/_alumni.scss */
  .upevt {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 259, sass/page/_alumni.scss */
  .upevt {
    font-size: 1.1875rem;
  }
}
/* line 277, sass/page/_alumni.scss */
.upevt__wrap {
  position: relative;
  z-index: 0;
  padding-bottom: 2.76923077em;
}
/* line 283, sass/page/_alumni.scss */
.upevt__wrap:after {
  position: absolute;
  z-index: -1;
  top: 16.95085256%;
  right: 0;
  bottom: 0;
  width: 2000px;
  content: "";
  background-color: #d9d6e9;
}
@media screen and (max-width: 767px) {
  /* line 283, sass/page/_alumni.scss */
  .upevt__wrap:after {
    right: -100px;
    left: -100px;
  }
}
/* line 302, sass/page/_alumni.scss */
.upevt__item {
  margin-right: 1.15384615em;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 302, sass/page/_alumni.scss */
  .upevt__item {
    margin-right: 0;
  }
}
/* line 314, sass/page/_alumni.scss */
.upevt__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  margin-bottom: 0.65em;
  color: #585858;
}
@media screen and (max-width: 1439px) {
  /* line 314, sass/page/_alumni.scss */
  .upevt__date {
    font-size: 0.66666667em;
  }
}
/* line 331, sass/page/_alumni.scss */
.upevt__date-d {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  position: relative;
  margin-right: 0.95em;
  padding-right: 1em;
}
/* line 339, sass/page/_alumni.scss */
.upevt__date-d:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 0.8em;
  margin: auto;
  content: "";
  background-color: #585858;
}
/* line 356, sass/page/_alumni.scss */
.upevt__img-w {
  position: relative;
  display: block;
  padding-top: 56.41025641%;
}
/* line 364, sass/page/_alumni.scss */
.upevt__img-c {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 373, sass/page/_alumni.scss */
.upevt__img {
  width: 100%;
}
/* line 377, sass/page/_alumni.scss */
.upevt__body {
  padding: 1.38461538em 1.80769231em 1.84615385em;
}
@media screen and (max-width: 1439px) {
  /* line 377, sass/page/_alumni.scss */
  .upevt__body {
    padding: 1.25em 1.45833333em 1.58333333em;
  }
}
@media screen and (max-width: 991px) {
  /* line 377, sass/page/_alumni.scss */
  .upevt__body {
    padding: 1.11111111em 1.22222222em 1.33333333em;
  }
}
/* line 387, sass/page/_alumni.scss */
.upevt__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.3;
  display: block;
  overflow: hidden;
  max-height: 132px;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 401, sass/page/_alumni.scss */
.upevt__title:hover, .upevt__title:focus {
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 387, sass/page/_alumni.scss */
  .upevt__title {
    max-height: 114px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 387, sass/page/_alumni.scss */
  .upevt__title {
    line-height: 1.2;
    max-height: 130px;
  }
}
@media screen and (max-width: 991px) {
  /* line 387, sass/page/_alumni.scss */
  .upevt__title {
    max-height: 105px;
  }
}
/* line 421, sass/page/_alumni.scss */
.upevt__tag {
  margin: 1.1875rem 0 1.0625rem;
}
@media screen and (max-width: 991px) {
  /* line 421, sass/page/_alumni.scss */
  .upevt__tag {
    margin: 0.875rem 0 0.8125rem;
  }
}
/* line 428, sass/page/_alumni.scss */
.upevt__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.61538462em;
  line-height: 1.1875;
  display: block;
  overflow: hidden;
  max-height: 76px;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 443, sass/page/_alumni.scss */
.upevt__desc:hover, .upevt__desc:focus {
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 428, sass/page/_alumni.scss */
  .upevt__desc {
    max-height: 68px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 428, sass/page/_alumni.scss */
  .upevt__desc {
    max-height: 64px;
  }
}
@media screen and (max-width: 991px) {
  /* line 428, sass/page/_alumni.scss */
  .upevt__desc {
    max-height: 65px;
  }
}
@media screen and (max-width: 767px) {
  /* line 428, sass/page/_alumni.scss */
  .upevt__desc {
    font-size: 0.75rem;
  }
}
/* line 1, sass/page/_facilities.scss */
.single-sl {
  margin-bottom: 3.375rem;
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_facilities.scss */
  .single-sl {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_facilities.scss */
  .single-sl {
    margin-bottom: 1.875rem;
  }
}
/* line 12, sass/page/_facilities.scss */
.single-sl__img-w {
  background-color: #f3f5f8;
}
/* line 16, sass/page/_facilities.scss */
.single-sl__img-c {
  position: relative;
  padding-top: 62.3046875%;
}
/* line 2, sass/page/_scholarships.scss */
.ss-wrap {
  padding: 3.75rem 0;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_ss-pattern.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto 100%;
}
/* line 11, sass/page/_scholarships.scss */
.ss {
  font-size: 1.25rem;
  margin-right: -1em;
}
@media screen and (max-width: 1439px) {
  /* line 11, sass/page/_scholarships.scss */
  .ss {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 11, sass/page/_scholarships.scss */
  .ss {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 11, sass/page/_scholarships.scss */
  .ss {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 11, sass/page/_scholarships.scss */
  .ss {
    font-size: 1rem;
  }
}
@media screen and (max-width: 449px) {
  /* line 11, sass/page/_scholarships.scss */
  .ss {
    margin-right: 0;
  }
}
/* line 31, sass/page/_scholarships.scss */
.ss__item {
  margin-right: 1em;
}
@media screen and (max-width: 449px) {
  /* line 31, sass/page/_scholarships.scss */
  .ss__item {
    margin-right: 0;
  }
}
/* line 37, sass/page/_scholarships.scss */
.no-js .ss__item:first-child {
  display: inline-block !important;
}
/* line 43, sass/page/_scholarships.scss */
.ss__item--active .ss__back, .ss__item:focus .ss__back {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  /* line 52, sass/page/_scholarships.scss */
  .ss__item:hover .ss__back {
    visibility: visible;
    opacity: 1;
  }
}
/* line 61, sass/page/_scholarships.scss */
.ss__card {
  position: relative;
}
/* line 71, sass/page/_scholarships.scss */
.ss__img-c {
  position: relative;
  padding-top: 100%;
}
/* line 81, sass/page/_scholarships.scss */
.ss__body {
  padding: 1.15em 1em;
  text-align: center;
}
/* line 87, sass/page/_scholarships.scss */
.ss__name {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 0.15em;
  color: #732b76;
}
/* line 97, sass/page/_scholarships.scss */
.ss__belongs {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.9em;
  font-weight: 500;
  color: #000000;
}
/* line 106, sass/page/_scholarships.scss */
.ss__back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  padding: 2.5em 1.25em;
  -webkit-transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  transition: all 0.4s cubic-bezier(0.6, -0.4, 0.3, 1.4);
  text-align: center;
  opacity: 0;
  background-color: #E6E4EF;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_purple-quote-open.png");
  background-repeat: no-repeat;
  background-position: 0.9375em 1.4375em;
  background-size: 4.375em auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 134, sass/page/_scholarships.scss */
.ss__text {
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1.5;
  overflow: hidden;
  max-height: 140px;
  margin-bottom: 1.25em;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 134, sass/page/_scholarships.scss */
  .ss__text {
    max-height: 105px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 134, sass/page/_scholarships.scss */
  .ss__text {
    max-height: 95px;
  }
}
@media screen and (max-width: 991px) {
  /* line 134, sass/page/_scholarships.scss */
  .ss__text {
    max-height: 80px;
  }
}
@media screen and (max-width: 767px) {
  /* line 134, sass/page/_scholarships.scss */
  .ss__text {
    max-height: 133px;
  }
}
/* line 160, sass/page/_scholarships.scss */
.ss__exp {
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
  color: #732b76;
}
/* line 168, sass/page/_scholarships.scss */
.ss__exp:after {
  font-family: icomoon;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.8125em;
  margin-left: 1em;
  content: "\e939";
}
/* line 187, sass/page/_scholarships.scss */
.scholar-d {
  font-size: 1.875rem;
}
@media screen and (max-width: 1199px) {
  /* line 187, sass/page/_scholarships.scss */
  .scholar-d {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 187, sass/page/_scholarships.scss */
  .scholar-d {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 187, sass/page/_scholarships.scss */
  .scholar-d {
    font-size: 1.125rem;
  }
}
/* line 199, sass/page/_scholarships.scss */
.scholar-d__top {
  position: relative;
  margin-bottom: 1.8em;
  padding-bottom: 0.9em;
}
@media screen and (max-width: 767px) {
  /* line 199, sass/page/_scholarships.scss */
  .scholar-d__top {
    margin-bottom: 2.77777778em;
  }
}
/* line 208, sass/page/_scholarships.scss */
.scholar-d__top:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-image: -webkit-gradient(linear, left top, right top, from(#732b76), to(rgba(115, 43, 117, 0)));
  background-image: linear-gradient(to right, #732b76 0%, rgba(115, 43, 117, 0) 100%);
}
/* line 222, sass/page/_scholarships.scss */
.scholar-d__heading {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.33333333;
  color: #000000;
}
/* line 235, sass/page/_scholarships.scss */
.quotebox {
  font-size: 1rem;
  position: relative;
  z-index: 0;
  padding: 2px;
}
@media screen and (max-width: 991px) {
  /* line 235, sass/page/_scholarships.scss */
  .quotebox {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 235, sass/page/_scholarships.scss */
  .quotebox {
    font-size: 0.875rem;
  }
}
/* line 249, sass/page/_scholarships.scss */
.quotebox__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  /* line 249, sass/page/_scholarships.scss */
  .quotebox__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 257, sass/page/_scholarships.scss */
.quotebox__wrap:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 8.59649123%;
  padding-top: 9.47368421%;
  content: "";
  border: 2px solid #732b76;
}
@media screen and (max-width: 767px) {
  /* line 257, sass/page/_scholarships.scss */
  .quotebox__wrap:before {
    width: 15%;
    padding-top: 15%;
  }
}
/* line 275, sass/page/_scholarships.scss */
.quotebox__wrap:after {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 12.19298246%;
  padding-top: 12.19298246%;
  content: "";
  border: 2px solid #732b76;
}
@media screen and (max-width: 767px) {
  /* line 275, sass/page/_scholarships.scss */
  .quotebox__wrap:after {
    width: 15%;
    padding-top: 15%;
  }
}
/* line 294, sass/page/_scholarships.scss */
.quotebox__img-w {
  max-width: 18.48591549%;
  margin-right: 5.625em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 294, sass/page/_scholarships.scss */
  .quotebox__img-w {
    max-width: 210px;
    margin-right: 0;
    margin-bottom: 1.42857143em;
  }
}
/* line 307, sass/page/_scholarships.scss */
.quotebox__img {
  max-width: 100%;
}
/* line 311, sass/page/_scholarships.scss */
.quotebox__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 318, sass/page/_scholarships.scss */
.quotebox__list {
  margin-bottom: 1.0625em;
}
/* line 322, sass/page/_scholarships.scss */
.quotebox__name {
  font-size: 1.625em;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0.19230769em;
  margin-bottom: 0.07692308em;
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 322, sass/page/_scholarships.scss */
  .quotebox__name {
    font-size: 1.42857143em;
    margin-bottom: 0.28571429em;
  }
}
/* line 338, sass/page/_scholarships.scss */
.quotebox__row2 {
  font-size: 1.125em;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 338, sass/page/_scholarships.scss */
  .quotebox__row2 {
    font-size: 1.07142857em;
  }
}
/* line 346, sass/page/_scholarships.scss */
.quotebox__row2:after {
  position: relative;
  display: block;
  width: 3.125em;
  height: 1px;
  margin: 0.9375em 0;
  content: "";
  background-color: #A1A1A1;
}
/* line 361, sass/page/_scholarships.scss */
.quotebox__content {
  font-size: 1em;
  line-height: 1.375;
  position: relative;
  z-index: 0;
  padding-right: 2.5em;
  padding-bottom: 4.5625em;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 361, sass/page/_scholarships.scss */
  .quotebox__content {
    padding: 1.42857143em 1.07142857em 2.85714286em;
  }
}
/* line 377, sass/page/_scholarships.scss */
.quotebox__content:before, .quotebox__content:after {
  position: absolute;
  z-index: -1;
  display: block;
  width: 2.25em;
  height: 2.0625em;
  content: "";
  -webkit-transition: all .8s .2s;
  transition: all .8s .2s;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  /* line 377, sass/page/_scholarships.scss */
  .quotebox__content:before, .quotebox__content:after {
    width: 1.64285714em;
    height: 1.57142857em;
  }
}
/* line 396, sass/page/_scholarships.scss */
.quotebox__content:before {
  top: -3.125em;
  left: -3.25em;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_quote-open.png") 0 0 no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  /* line 396, sass/page/_scholarships.scss */
  .quotebox__content:before {
    top: 0;
    left: -1.07142857em;
  }
}
/* line 408, sass/page/_scholarships.scss */
.quotebox__content:after {
  right: 1em;
  bottom: 1.4375em;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_quote-close.png") 0 0 no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  /* line 408, sass/page/_scholarships.scss */
  .quotebox__content:after {
    right: 0.85714286em;
    bottom: 1.42857143em;
  }
}
/* line 1, sass/page/_video.scss */
.videol-heading {
  font-size: 2.375rem;
  margin-bottom: 0.34210526em;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_video.scss */
  .videol-heading {
    font-size: 2.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_video.scss */
  .videol-heading {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_video.scss */
  .videol-heading {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_video.scss */
  .videol-heading {
    font-size: 1.375rem;
  }
}
/* line 21, sass/page/_video.scss */
.videol-content {
  font-size: 1rem;
  margin-bottom: 1.75em;
}
/* line 27, sass/page/_video.scss */
.videol-block {
  padding: 2.6875rem 0;
}
/* line 31, sass/page/_video.scss */
.videohl {
  font-size: 2rem;
  margin-bottom: 1.9375em;
  padding-top: 4.92753623%;
  padding-left: 7.53623188%;
}
@media screen and (max-width: 1439px) {
  /* line 31, sass/page/_video.scss */
  .videohl {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 31, sass/page/_video.scss */
  .videohl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 31, sass/page/_video.scss */
  .videohl {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 31, sass/page/_video.scss */
  .videohl {
    padding-top: 0;
    padding-left: 0;
  }
}
/* line 51, sass/page/_video.scss */
.videohl__wrap {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 4.49275362%;
  background-color: #f4f5f9;
}
@media screen and (max-width: 1199px) {
  /* line 51, sass/page/_video.scss */
  .videohl__wrap {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  /* line 51, sass/page/_video.scss */
  .videohl__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 68, sass/page/_video.scss */
.videohl__v-w {
  width: 69.7492163%;
  margin-top: -5.32915361%;
  margin-left: -8.15047022%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 68, sass/page/_video.scss */
  .videohl__v-w {
    width: 100%;
    margin: 0;
  }
}
/* line 80, sass/page/_video.scss */
.videohl__v-c {
  position: relative;
  padding-top: 56.25%;
}
/* line 90, sass/page/_video.scss */
.videohl__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38.40125392%;
  padding: 2.35109718% 4.70219436% 4.70219436% 3.84012539%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1199px) {
  /* line 90, sass/page/_video.scss */
  .videohl__body {
    padding: 4.75624257% 3.56718193% 3.56718193%;
  }
}
@media screen and (max-width: 767px) {
  /* line 90, sass/page/_video.scss */
  .videohl__body {
    width: 100%;
    padding: 0.75em 1em 1.5em;
  }
}
/* line 107, sass/page/_video.scss */
.videohl__text {
  overflow: hidden;
  max-height: 221px;
  margin-bottom: 1.0625em;
}
@media screen and (max-width: 1439px) {
  /* line 107, sass/page/_video.scss */
  .videohl__text {
    max-height: 229px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 107, sass/page/_video.scss */
  .videohl__text {
    max-height: 161px;
  }
}
@media screen and (max-width: 991px) {
  /* line 107, sass/page/_video.scss */
  .videohl__text {
    max-height: 151px;
  }
}
@media screen and (max-width: 767px) {
  /* line 107, sass/page/_video.scss */
  .videohl__text {
    max-height: 157px;
  }
}
/* line 126, sass/page/_video.scss */
.videohl__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.24;
  display: block;
  margin-bottom: 0.25em;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 126, sass/page/_video.scss */
  .videohl__title {
    margin-bottom: 0.5em;
  }
}
/* line 141, sass/page/_video.scss */
.videohl__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.5625em;
  line-height: 1.33333333;
  display: block;
  color: #000000;
}
/* line 154, sass/page/_video.scss */
.videol {
  font-size: 1.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 154, sass/page/_video.scss */
  .videol {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 154, sass/page/_video.scss */
  .videol {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 154, sass/page/_video.scss */
  .videol {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 154, sass/page/_video.scss */
  .videol {
    font-size: 1.25rem;
  }
}
/* line 169, sass/page/_video.scss */
.videol__wrap {
  padding-bottom: 0.30769231em;
}
/* line 172, sass/page/_video.scss */
.videol--2col .videol__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1.53846154em;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  /* line 172, sass/page/_video.scss */
  .videol--2col .videol__wrap {
    display: block;
    margin-right: 0;
  }
}
/* line 185, sass/page/_video.scss */
.videol__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0.76923077em 0;
}
@media screen and (max-width: 767px) {
  /* line 185, sass/page/_video.scss */
  .videol__item {
    display: block;
    margin-bottom: 2em;
  }
}
/* line 196, sass/page/_video.scss */
.videol--2col .videol__item {
  display: block;
  width: 48.55072464%;
  margin-right: 1.53846154em;
  margin-bottom: 1.61538462em;
}
@media screen and (max-width: 767px) {
  /* line 196, sass/page/_video.scss */
  .videol--2col .videol__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2em;
    -webkit-box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.08);
  }
}
/* line 211, sass/page/_video.scss */
.videol__item--shadow {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 27px 2px rgba(0, 0, 0, 0.08);
}
/* line 217, sass/page/_video.scss */
.videol__v-w {
  width: 42.02898551%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 217, sass/page/_video.scss */
  .videol__v-w {
    width: 100%;
  }
}
/* line 225, sass/page/_video.scss */
.videol--2col .videol__v-w {
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
/* line 232, sass/page/_video.scss */
.videol__v-c {
  position: relative;
  padding-top: 56.25%;
}
/* line 242, sass/page/_video.scss */
.videol__body {
  width: 57.97101449%;
  padding: 2.17391304% 4.34782609%;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 242, sass/page/_video.scss */
  .videol__body {
    padding: 0.83333333em 1.66666667em;
  }
}
@media screen and (max-width: 767px) {
  /* line 242, sass/page/_video.scss */
  .videol__body {
    width: 100%;
    padding: 0.75em 1em 1.5em;
  }
}
/* line 256, sass/page/_video.scss */
.videol--2col .videol__body {
  width: 100%;
  padding: 1.15384615em 0 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
@media screen and (max-width: 767px) {
  /* line 256, sass/page/_video.scss */
  .videol--2col .videol__body {
    padding: 0.75em 1em 1.5em;
  }
}
/* line 267, sass/page/_video.scss */
.videol__text {
  overflow: hidden;
  max-height: 200px;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1199px) {
  /* line 267, sass/page/_video.scss */
  .videol__text {
    max-height: 146px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 267, sass/page/_video.scss */
  .videol__text {
    max-height: 135px;
  }
}
@media screen and (max-width: 991px) {
  /* line 267, sass/page/_video.scss */
  .videol__text {
    max-height: 120px;
  }
}
@media screen and (max-width: 767px) {
  /* line 267, sass/page/_video.scss */
  .videol__text {
    max-height: 160px;
  }
}
/* line 286, sass/page/_video.scss */
.videol__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.22;
  display: block;
  margin-bottom: 0.26923077em;
  color: #000000;
}
/* line 298, sass/page/_video.scss */
.videol__desc {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.69230769em;
  display: block;
  color: #000000;
}
/* line 309, sass/page/_video.scss */
.videogps {
  position: relative;
  font-size: 1em;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/temp/banner_gps-video.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  margin-bottom: 2.4375em;
}
/* line 319, sass/page/_video.scss */
.videogps__wrap {
  margin-top: 3.125em;
}
@media screen and (max-width: 991px) {
  /* line 319, sass/page/_video.scss */
  .videogps__wrap {
    margin-bottom: 0.3125em;
  }
}
/* line 326, sass/page/_video.scss */
.videogps__v-w {
  width: 94.20289855%;
}
@media screen and (max-width: 991px) {
  /* line 326, sass/page/_video.scss */
  .videogps__v-w {
    width: 100%;
  }
}
/* line 335, sass/page/_video.scss */
.is-video-pop {
  position: relative;
  z-index: 0;
  display: block;
  cursor: pointer;
}
/* line 343, sass/page/_video.scss */
.is-video-pop:before {
  font-family: icomoon;
  font-size: 5.625rem;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;
  color: #ffffff;
  text-shadow: 0 0 0.11111111em rgba(0, 0, 0, 0.2);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  /* line 343, sass/page/_video.scss */
  .is-video-pop:before {
    font-size: 3.75rem;
  }
}
/* line 370, sass/page/_video.scss */
.slick-initialized .slick-current .is-video-pop:before {
  -webkit-animation: fadeInMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  animation: fadeInMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
}
/* line 375, sass/page/_video.scss */
.is-video-pop--sm:before {
  font-size: 4.375rem;
}
@media screen and (max-width: 991px) {
  /* line 375, sass/page/_video.scss */
  .is-video-pop--sm:before {
    font-size: 3.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 375, sass/page/_video.scss */
  .is-video-pop--sm:before {
    font-size: 3.75rem;
  }
}
/* line 387, sass/page/_video.scss */
.is-video-pop:hover:before, .is-video-pop:focus:before {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  text-shadow: 0 0 0.16666667em rgba(0, 0, 0, 0.4);
}
/* line 1, sass/page/_media-enquiry.scss */
.enquiry-content {
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_media-enquiry.scss */
  .enquiry-content {
    margin-bottom: 1.875rem;
  }
}
/* line 8, sass/page/_media-enquiry.scss */
.exp-card-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 8, sass/page/_media-enquiry.scss */
  .exp-card-wrap {
    margin-right: 0;
  }
}
/* line 19, sass/page/_media-enquiry.scss */
.exp-card {
  font-size: 1rem;
  width: calc((100% - 40px)/2);
  margin-right: 20px;
  margin-bottom: 1.3125em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 28, sass/page/_media-enquiry.scss */
.exp-card--full {
  width: calc(100% - 20px);
}
@media screen and (max-width: 1199px) {
  /* line 19, sass/page/_media-enquiry.scss */
  .exp-card {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 19, sass/page/_media-enquiry.scss */
  .exp-card {
    font-size: 0.75rem;
    margin-bottom: 1.66666667em;
  }
}
@media screen and (max-width: 767px) {
  /* line 19, sass/page/_media-enquiry.scss */
  .exp-card {
    font-size: 0.8125rem;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.30769231em;
  }
}
/* line 51, sass/page/_media-enquiry.scss */
.exp-card__header {
  padding: 1.125em 0.9375em 1.3125em 2.125em;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-blue.png") 100% 100% no-repeat #25306A;
  background-size: 18.6875em auto;
}
@media screen and (max-width: 1199px) {
  /* line 51, sass/page/_media-enquiry.scss */
  .exp-card__header {
    padding: 1em 1.42857143em 1em 1.78571429em;
  }
}
@media screen and (max-width: 991px) {
  /* line 51, sass/page/_media-enquiry.scss */
  .exp-card__header {
    font-size: 0.83333333em;
    padding: 1.4em 2em;
  }
}
@media screen and (max-width: 767px) {
  /* line 51, sass/page/_media-enquiry.scss */
  .exp-card__header {
    font-size: 0.92307692em;
    padding: 1.08333333em 1.41666667em;
  }
}
/* line 71, sass/page/_media-enquiry.scss */
.exp-card__header a:hover, .exp-card__header a:focus {
  color: #ffffff;
}
/* line 77, sass/page/_media-enquiry.scss */
.exp-card__name {
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.15em;
  color: #ffffff;
}
/* line 87, sass/page/_media-enquiry.scss */
.exp-card__row2 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
}
/* line 97, sass/page/_media-enquiry.scss */
.exp-card__body {
  padding: 1.125em 2.125em;
  background-color: #F2F2F2;
}
@media screen and (max-width: 1199px) {
  /* line 97, sass/page/_media-enquiry.scss */
  .exp-card__body {
    padding: 1.42857143em 1.42857143em 1.78571429em;
  }
}
@media screen and (max-width: 991px) {
  /* line 97, sass/page/_media-enquiry.scss */
  .exp-card__body {
    padding: 1.66666667em 1.66666667em 2.08333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 97, sass/page/_media-enquiry.scss */
  .exp-card__body {
    padding: 1em 1.15384615em;
  }
}
/* line 112, sass/page/_media-enquiry.scss */
.exp-card__info {
  padding-bottom: 0.625em;
}
/* line 116, sass/page/_media-enquiry.scss */
.exp-card__list {
  margin-bottom: 0.33333333em;
}
@media screen and (max-width: 991px) {
  /* line 116, sass/page/_media-enquiry.scss */
  .exp-card__list {
    margin-bottom: 1.08333333em;
  }
}
/* line 123, sass/page/_media-enquiry.scss */
.exp-card__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 0.9375em;
  font-weight: 600;
  line-height: 1.33333333;
  width: 160px;
  padding-right: 1em;
}
@media screen and (max-width: 1199px) {
  /* line 123, sass/page/_media-enquiry.scss */
  .exp-card__item {
    width: 140px;
  }
}
@media screen and (max-width: 991px) {
  /* line 123, sass/page/_media-enquiry.scss */
  .exp-card__item {
    width: 120px;
  }
}
/* line 142, sass/page/_media-enquiry.scss */
.exp-card__value {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1em;
  line-height: 1.25;
  width: calc(100% - 160px);
}
@media screen and (max-width: 1199px) {
  /* line 142, sass/page/_media-enquiry.scss */
  .exp-card__value {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 991px) {
  /* line 142, sass/page/_media-enquiry.scss */
  .exp-card__value {
    width: calc(100% - 120px);
  }
}
/* line 159, sass/page/_media-enquiry.scss */
.exp-card__contact {
  position: relative;
  margin-right: -3.625em;
  padding-top: 1.1875em;
}
/* line 164, sass/page/_media-enquiry.scss */
.exp-card__contact:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 3.625em;
  height: 1px;
  background-color: #E7E7E7;
}
/* line 174, sass/page/_media-enquiry.scss */
.exp-card__contact-item {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  position: relative;
  margin-right: 3.625em;
  margin-bottom: 0;
  padding-left: 1.625em;
  color: #656565;
}
@media screen and (max-width: 991px) {
  /* line 174, sass/page/_media-enquiry.scss */
  .exp-card__contact-item {
    display: block;
    margin-bottom: 0.625em;
  }
}
@media screen and (max-width: 767px) {
  /* line 174, sass/page/_media-enquiry.scss */
  .exp-card__contact-item {
    margin-right: 0;
  }
}
/* line 194, sass/page/_media-enquiry.scss */
.exp-card__contact-item:before {
  font-family: icomoon;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  color: #8f8f8f;
}
/* line 206, sass/page/_media-enquiry.scss */
.exp-card__contact-item--text {
  padding-left: 0;
  color: #333333;
}
/* line 211, sass/page/_media-enquiry.scss */
.exp-card__contact-item--text:before {
  content: none;
}
/* line 217, sass/page/_media-enquiry.scss */
.exp-card__contact-item--tel:before {
  content: "\e903";
}
/* line 223, sass/page/_media-enquiry.scss */
.exp-card__contact-item--email:before {
  content: "\e902";
}
@media screen and (max-width: 1199px) {
  /* line 223, sass/page/_media-enquiry.scss */
  .exp-card__contact-item--email:before {
    font-size: 1.16666667em;
  }
}
@media screen and (max-width: 767px) {
  /* line 223, sass/page/_media-enquiry.scss */
  .exp-card__contact-item--email:before {
    font-size: 1.14285714em;
  }
}
/* line 235, sass/page/_media-enquiry.scss */
.exp-card__contact a {
  text-decoration: underline;
  color: #732b76;
}
/* line 2, sass/page/_map.scss */
.linktab {
  font-size: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0em -0.33333333em 0.94444444em;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1439px) {
  /* line 2, sass/page/_map.scss */
  .linktab {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 2, sass/page/_map.scss */
  .linktab {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 2, sass/page/_map.scss */
  .linktab {
    font-size: 0.75rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 24, sass/page/_map.scss */
.linktab--more {
  font-size: 1rem;
}
@media screen and (max-width: 1199px) {
  /* line 24, sass/page/_map.scss */
  .linktab--more {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 24, sass/page/_map.scss */
  .linktab--more {
    font-size: 0.75rem;
  }
}
/* line 34, sass/page/_map.scss */
.linktab__item {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 27.44252874%;
  margin: 0em 0.33333333em 0.83333333em;
  padding: 0.61111111em 1.33333333em;
  -webkit-transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 34, sass/page/_map.scss */
  .linktab__item {
    width: auto;
    min-width: 25%;
    padding: 0.78571429em 1.42857143em;
  }
}
/* line 59, sass/page/_map.scss */
.linktab__item:hover, .linktab__item:focus {
  color: #ffffff;
  border-color: #621c65;
  background-color: #621c65;
}
/* line 66, sass/page/_map.scss */
.linktab__item.active {
  color: #ffffff;
  border-color: #732b76;
  background-color: #732b76;
}
/* line 73, sass/page/_map.scss */
.linktab__text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 79, sass/page/_map.scss */
.direction {
  font-size: 0.9375rem;
  position: relative;
  z-index: 0;
  margin-bottom: 2.46666667em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1199px) {
  /* line 79, sass/page/_map.scss */
  .direction {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 79, sass/page/_map.scss */
  .direction {
    font-size: 0.8125rem;
  }
}
/* line 95, sass/page/_map.scss */
.direction__content {
  position: absolute;
  z-index: 2;
  top: 2.68361582%;
  right: 1.33333333em;
  width: 28.04347826%;
  height: 94.35028249%;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1199px) {
  /* line 95, sass/page/_map.scss */
  .direction__content {
    top: 0;
    right: 0;
    width: 35%;
    min-height: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0.06666667em 0.6em 5.06666667em 0.53333333em rgba(0, 0, 0, 0.075);
    box-shadow: 0.06666667em 0.6em 5.06666667em 0.53333333em rgba(0, 0, 0, 0.075);
  }
}
@media screen and (max-width: 767px) {
  /* line 95, sass/page/_map.scss */
  .direction__content {
    position: static;
    width: 100%;
  }
}
/* line 121, sass/page/_map.scss */
.direction__content-inner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
}
@media screen and (max-width: 767px) {
  /* line 121, sass/page/_map.scss */
  .direction__content-inner {
    position: relative;
  }
}
/* line 135, sass/page/_map.scss */
.direction__heading {
  font-size: 1.33333333em;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  margin-bottom: 0;
  padding: 0.75em 1em 0.5em;
  text-align: center;
  background-color: #F2F2F2;
  -webkit-box-shadow: 0.06666667em 0.6em 5.06666667em 0.53333333em rgba(0, 0, 0, 0.075);
  box-shadow: 0.06666667em 0.6em 5.06666667em 0.53333333em rgba(0, 0, 0, 0.075);
}
@media screen and (max-width: 1199px) {
  /* line 135, sass/page/_map.scss */
  .direction__heading {
    font-size: 1.21428571em;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 135, sass/page/_map.scss */
  .direction__heading {
    font-size: 1.07692308rem;
  }
}
/* line 162, sass/page/_map.scss */
.direction__heading--for-spacing {
  position: static;
  z-index: -1;
  opacity: 0;
}
/* line 170, sass/page/_map.scss */
.direction__main {
  position: relative;
  z-index: 1;
  overflow: auto;
  max-height: 92.66467066%;
  background-color: #ffffff;
  -webkit-box-shadow: 0.06666667em 0.6em 5.06666667em 0.53333333em rgba(0, 0, 0, 0.15);
  box-shadow: 0.06666667em 0.6em 5.06666667em 0.53333333em rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1199px) {
  /* line 170, sass/page/_map.scss */
  .direction__main {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 170, sass/page/_map.scss */
  .direction__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 1199px) {
  /* line 189, sass/page/_map.scss */
  .direction__layer {
    position: relative;
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  /* line 189, sass/page/_map.scss */
  .direction__layer {
    width: 100%;
    margin-bottom: 1.15384615em;
  }
}
/* line 201, sass/page/_map.scss */
.direction__img-w {
  position: relative;
  padding-top: 53.74677003%;
  background-color: #f3f5f8;
}
@media screen and (max-width: 767px) {
  /* line 201, sass/page/_map.scss */
  .direction__img-w {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
/* line 216, sass/page/_map.scss */
.direction__body {
  padding: 0.86666667em 1.2em 1.33333333em 1.33333333em;
}
@media screen and (max-width: 1439px) {
  /* line 216, sass/page/_map.scss */
  .direction__body {
    padding: 0.92857143em 1.07142857em 1.42857143em;
  }
}
@media screen and (max-width: 767px) {
  /* line 216, sass/page/_map.scss */
  .direction__body {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}
/* line 226, sass/page/_map.scss */
.direction__addr {
  overflow: hidden;
  background-color: #F7F7F7;
}
/* line 231, sass/page/_map.scss */
.direction__addr-text {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.46666667;
  position: relative;
  display: block;
  padding: 0.86666667em 1.2em 0.73333333em 3.33333333em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 246, sass/page/_map.scss */
.direction__addr-text:before {
  font-family: icomoon;
  font-size: 1.13333333em;
  position: absolute;
  top: 0.76470588em;
  left: 1.23529412em;
  display: block;
  content: "";
  color: #1e8845;
}
/* line 262, sass/page/_map.scss */
.direction__addr-text.js-texting:before {
  -webkit-animation: fadeIn 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeIn 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 268, sass/page/_map.scss */
.direction__map-w {
  position: relative;
  z-index: 1;
  background-color: #f3f5f8;
}
/* line 275, sass/page/_map.scss */
.direction__map-c {
  padding-top: 51.30434783%;
}
@media screen and (max-width: 1439px) {
  /* line 275, sass/page/_map.scss */
  .direction__map-c {
    padding-top: 60%;
  }
}
@media screen and (max-width: 1199px) {
  /* line 275, sass/page/_map.scss */
  .direction__map-c {
    padding-top: 80%;
  }
}
@media screen and (max-width: 767px) {
  /* line 275, sass/page/_map.scss */
  .direction__map-c {
    padding-top: 62.5%;
  }
}
/* line 293, sass/page/_map.scss */
.direction__expand-item {
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}
/* line 297, sass/page/_map.scss */
.direction__expand-item + .direction__expand-item {
  border-top: none;
}
/* line 302, sass/page/_map.scss */
.direction__expand-btn {
  font-size: 1.06666667em;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: block;
  width: 100%;
  padding: 0.53333333rem 2.66666667rem 0.53333333rem 0.86666667rem;
  text-align: left;
  color: #000000;
  background-color: #ffffff;
}
/* line 319, sass/page/_map.scss */
.direction__expand-btn:after {
  font-family: icomoon;
  font-size: 1.2em;
  position: absolute;
  top: 0.28571429em;
  right: 0.77777778em;
  content: "";
  color: #595657;
}
/* line 333, sass/page/_map.scss */
.direction__expand-btn[aria-expanded=true] {
  background-color: #f3f5f8;
}
/* line 336, sass/page/_map.scss */
.direction__expand-btn[aria-expanded=true]:after {
  content: "";
}
/* line 342, sass/page/_map.scss */
.direction__expand-content {
  padding: 0.66666667rem 0.86666667rem 1rem;
}
/* line 348, sass/page/_map.scss */
.js-texting {
  -webkit-animation: fadeInRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 353, sass/page/_map.scss */
.direction-more {
  font-size: 1.5rem;
  position: relative;
  z-index: 0;
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_map-more.jpg") 100% 50% no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1439px) {
  /* line 353, sass/page/_map.scss */
  .direction-more {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 353, sass/page/_map.scss */
  .direction-more {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 353, sass/page/_map.scss */
  .direction-more {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 353, sass/page/_map.scss */
  .direction-more {
    font-size: 0.875rem;
  }
}
/* line 374, sass/page/_map.scss */
.direction-more:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, 0.7);
}
/* line 387, sass/page/_map.scss */
.direction-more__cont {
  padding: 2.75em 2.70833333em 4em 1.25em;
}
@media screen and (max-width: 991px) {
  /* line 387, sass/page/_map.scss */
  .direction-more__cont {
    padding: 2.5rem 1.875rem;
  }
}
/* line 394, sass/page/_map.scss */
.direction-more__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -4.23791822%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 394, sass/page/_map.scss */
  .direction-more__body {
    display: block;
    margin-right: 0;
  }
}
/* line 407, sass/page/_map.scss */
.direction-more__item {
  width: 45.93437946%;
  margin-right: 4.06562054%;
}
@media screen and (max-width: 767px) {
  /* line 407, sass/page/_map.scss */
  .direction-more__item {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.875rem;
  }
}
/* line 419, sass/page/_map.scss */
.direction-more__name {
  padding: 1.29166667em 0.625em 1.04166667em;
  text-align: center;
  background-color: #ffffff;
}
/* line 426, sass/page/_map.scss */
.direction-more__name-text {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.25;
  color: #000000;
}
/* line 435, sass/page/_map.scss */
.direction-more__img-w {
  position: relative;
}
/* line 439, sass/page/_map.scss */
.direction-more__img-c {
  padding-top: 54.72868217%;
}
/* line 1, sass/page/_network.scss */
.searchmap {
  -webkit-box-shadow: 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.07);
  box-shadow: 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.07);
}
/* line 5, sass/page/_network.scss */
.map-result {
  font-size: 1rem;
  margin-bottom: 4.75em;
  background-color: #ffffff;
  -webkit-box-shadow: 0em 0.5625em 1.375em 0.125em rgba(0, 0, 0, 0.07);
  box-shadow: 0em 0.5625em 1.375em 0.125em rgba(0, 0, 0, 0.07);
}
@media screen and (max-width: 1199px) {
  /* line 5, sass/page/_network.scss */
  .map-result {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 5, sass/page/_network.scss */
  .map-result {
    font-size: 0.8125rem;
  }
}
/* line 19, sass/page/_network.scss */
.map-result__item {
  padding: 2.625em 5.4375em 2.1875em 2.9375em;
}
@media screen and (max-width: 991px) {
  /* line 19, sass/page/_network.scss */
  .map-result__item {
    padding: 1.53846154em 1.84615385em 1.92307692em;
  }
}
@media screen and (max-width: 767px) {
  /* line 19, sass/page/_network.scss */
  .map-result__item {
    padding: 1.66666667em 1.66666667em 2.08333333em;
  }
}
/* line 29, sass/page/_network.scss */
.map-result__name {
  font-size: 1.25em;
  font-weight: 700;
  margin-bottom: 0.55em;
  color: #732b76;
}
/* line 38, sass/page/_network.scss */
.map-result__detail {
  font-size: 1em;
  line-height: 1.375;
  margin-bottom: 1.4375em;
}
/* line 45, sass/page/_network.scss */
.map-result__address {
  font-weight: 600;
  position: relative;
  padding-left: 1.875em;
  color: #000000;
}
/* line 54, sass/page/_network.scss */
.map-result__address:before {
  font-family: icomoon;
  font-size: 1.125em;
  position: absolute;
  top: -0.05555556em;
  left: 0;
  content: "";
  color: #732b76;
}
/* line 71, sass/page/_network.scss */
.ogdirection {
  font-size: 0.875rem;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4.28571429em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 991px) {
  /* line 71, sass/page/_network.scss */
  .ogdirection {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 71, sass/page/_network.scss */
  .ogdirection {
    display: block;
  }
}
/* line 89, sass/page/_network.scss */
.ogdirection__content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 25%;
  background-color: #ffffff;
  -webkit-box-shadow: 0.07142857em 0.07142857em 2.14285714em rgba(0, 0, 0, 0.15);
  box-shadow: 0.07142857em 0.07142857em 2.14285714em rgba(0, 0, 0, 0.15);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1439px) {
  /* line 89, sass/page/_network.scss */
  .ogdirection__content {
    width: 320px;
  }
}
@media screen and (max-width: 991px) {
  /* line 89, sass/page/_network.scss */
  .ogdirection__content {
    width: 290px;
  }
}
@media screen and (max-width: 767px) {
  /* line 89, sass/page/_network.scss */
  .ogdirection__content {
    position: static;
    width: 100%;
  }
}
/* line 113, sass/page/_network.scss */
.ogdirection__content-inner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
}
@media screen and (max-width: 767px) {
  /* line 113, sass/page/_network.scss */
  .ogdirection__content-inner {
    position: relative;
  }
}
/* line 129, sass/page/_network.scss */
.ogdirection__head {
  position: relative;
  background-color: #F2F2F2;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
/* line 137, sass/page/_network.scss */
.ogdirection__reset {
  position: absolute;
  z-index: 10;
  top: 0.64285714em;
  right: 0.71428571em;
  width: 2em;
  height: 2em;
  color: #732b76;
  border-radius: 0.21428571em;
  background-color: #ffffff;
}
/* line 150, sass/page/_network.scss */
.ogdirection__reset:hover, .ogdirection__reset:focus {
  color: #ffffff;
  background-color: #732b76;
}
/* line 158, sass/page/_network.scss */
.ogdirection__headgrp--active {
  display: block;
  -webkit-animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeIn 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 164, sass/page/_network.scss */
.ogdirection__headgrp--hidden {
  display: none;
}
/* line 169, sass/page/_network.scss */
.ogdirection__heading {
  font-size: 1.21428571em;
  font-weight: 700;
  line-height: 1.2;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  margin-bottom: 0;
  padding: 0.88235294em 2.94117647em 0.70588235em 1.17647059em;
  text-align: center;
}
/* line 185, sass/page/_network.scss */
.ogdirection__heading--for-spacing {
  position: static;
  z-index: -1;
  opacity: 0;
}
/* line 193, sass/page/_network.scss */
.ogdirection__main {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 1199px) {
  /* line 193, sass/page/_network.scss */
  .ogdirection__main {
    max-height: 440px;
  }
}
/* line 208, sass/page/_network.scss */
.ogdirection__info--active {
  display: block;
  -webkit-animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: fadeInUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
/* line 214, sass/page/_network.scss */
.ogdirection__info--hidden {
  display: none;
  -webkit-animation: fadeOutUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeOutUp 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 221, sass/page/_network.scss */
.ogdirection__layer {
  position: relative;
  width: 75%;
}
@media screen and (max-width: 1439px) {
  /* line 221, sass/page/_network.scss */
  .ogdirection__layer {
    width: calc(100% - 320px);
  }
}
@media screen and (max-width: 991px) {
  /* line 221, sass/page/_network.scss */
  .ogdirection__layer {
    width: calc(100% - 290px);
  }
}
@media screen and (max-width: 767px) {
  /* line 221, sass/page/_network.scss */
  .ogdirection__layer {
    width: 100%;
  }
}
/* line 236, sass/page/_network.scss */
.ogdirection__img-w {
  position: relative;
  padding-top: 53.74677003%;
  background-color: #f3f5f8;
}
/* line 244, sass/page/_network.scss */
.ogdirection__desc {
  position: relative;
}
/* line 247, sass/page/_network.scss */
.ogdirection__desc-item {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.07142857em;
  padding: 1em 1.2em 1.46666667em;
}
@media screen and (max-width: 767px) {
  /* line 247, sass/page/_network.scss */
  .ogdirection__desc-item {
    font-size: 1.20833333em;
  }
}
/* line 257, sass/page/_network.scss */
.ogdirection__desc-item > *:last-child {
  margin-bottom: 0;
}
/* line 267, sass/page/_network.scss */
.ogdirection__body {
  position: relative;
  z-index: 1;
  padding: 0.92857143em 1.28571429em 1.42857143em 1.42857143em;
  background-color: #ffffff;
  -webkit-box-shadow: 0 -0.1875em 0.1875em rgba(0, 0, 0, 0.15);
  box-shadow: 0 -0.1875em 0.1875em rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 1439px) {
  /* line 267, sass/page/_network.scss */
  .ogdirection__body {
    padding: 0.92857143em 1.07142857em 1.42857143em;
  }
}
/* line 280, sass/page/_network.scss */
.ogdirection__addr {
  overflow: hidden;
  background-color: #F7F7F7;
}
/* line 285, sass/page/_network.scss */
.ogdirection__addr-text {
  font-size: 1.07142857em;
  font-weight: 600;
  line-height: 1.46666667;
  position: relative;
  display: block;
  padding: 0.92857143em 1.28571429em 0.78571429em 3.42857143em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 300, sass/page/_network.scss */
.ogdirection__addr-text:before {
  font-family: icomoon;
  font-size: 1.21428571em;
  position: absolute;
  top: 0.64705882em;
  left: 1.23529412em;
  display: block;
  content: "";
  -webkit-transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #1E8845;
}
/* line 317, sass/page/_network.scss */
.ogdirection__addr-text[href]:hover, .ogdirection__addr-text[href]:focus {
  color: #732b76;
}
/* line 321, sass/page/_network.scss */
.ogdirection__addr-text[href]:hover:before, .ogdirection__addr-text[href]:focus:before {
  color: #732b76;
}
/* line 328, sass/page/_network.scss */
.ogdirection__map-w {
  position: relative;
  z-index: 1;
  background-color: #f3f5f8;
}
/* line 335, sass/page/_network.scss */
.ogdirection__map-c {
  padding-top: 60%;
}
@media screen and (max-width: 1199px) {
  /* line 335, sass/page/_network.scss */
  .ogdirection__map-c {
    padding-top: 80%;
  }
}
@media screen and (max-width: 767px) {
  /* line 335, sass/page/_network.scss */
  .ogdirection__map-c {
    padding-top: 75%;
  }
}
/* line 350, sass/page/_network.scss */
.ogdirection__expand-item {
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}
/* line 354, sass/page/_network.scss */
.ogdirection__expand-item + .ogdirection__expand-item {
  border-top: none;
}
/* line 359, sass/page/_network.scss */
.ogdirection__expand-btn {
  font-size: 1.14285714em;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
  display: block;
  width: 100%;
  padding: 0.57142857rem 2.85714286rem 0.57142857rem 0.92857143rem;
  text-align: left;
  color: #000000;
  background-color: #ffffff;
}
/* line 376, sass/page/_network.scss */
.ogdirection__expand-btn:after {
  font-family: icomoon;
  font-size: 1.28571429em;
  position: absolute;
  top: 0.28571429em;
  right: 0.77777778em;
  content: "";
  color: #595657;
}
/* line 390, sass/page/_network.scss */
.ogdirection__expand-btn[aria-expanded=true] {
  background-color: #f3f5f8;
}
/* line 393, sass/page/_network.scss */
.ogdirection__expand-btn[aria-expanded=true]:after {
  content: "";
}
/* line 399, sass/page/_network.scss */
.ogdirection__expand-content {
  padding: 0.71428571rem 0.92857143rem 1.07142857rem;
}
/* line 405, sass/page/_network.scss */
.js-texting {
  -webkit-animation: fadeInRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInRight 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 410, sass/page/_network.scss */
.dir-search {
  font-size: 0.875rem;
  position: relative;
}
/* line 415, sass/page/_network.scss */
.dir-search__box {
  line-height: 1.25;
  display: block;
  width: 100%;
  padding: 0.64285714em 4.28571429em 0.71428571em 0.85714286em;
  color: #575757;
  border: 1px solid #d1cfe0;
  border-radius: 0.21428571em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 431, sass/page/_network.scss */
.dir-search__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.14285714em;
  padding-right: 0.71428571em;
  height: 100%;
  color: #732b76;
}
/* line 442, sass/page/_network.scss */
.dir-search__btn--reset {
  font-size: 1.05714286em;
  right: 2.02702703em;
  display: none;
  width: 1.68918919em;
  margin-top: -0.06756757em;
  padding-left: 0.33783784em;
}
/* line 454, sass/page/_network.scss */
.dir-search__btn .ico {
  display: block;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 462, sass/page/_network.scss */
.dir-search__btn:hover .ico, .dir-search__btn:focus .ico {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}
/* line 470, sass/page/_network.scss */
.dir-link, .dir-noresult {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  display: none;
  min-height: 3.64285714em;
  padding: 0.71428571em 0.92857143em 0.64285714em;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #585858;
  border-bottom: none;
  background-color: #F5F5F5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 490, sass/page/_network.scss */
.dir-link--even {
  background-color: #ffffff;
}
/* line 500, sass/page/_network.scss */
.dir-link.filter-in, .filter-in.dir-noresult {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fadeInRight 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeInRight 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 506, sass/page/_network.scss */
.dir-link[href]:hover, .dir-noresult[href]:hover {
  color: #732b76;
  background-color: rgba(220, 217, 236, 0.6);
}
/* line 511, sass/page/_network.scss */
.dir-link.active, .active.dir-noresult {
  color: #ffffff;
  background-color: rgba(115, 43, 118, 0.9);
}
/* line 517, sass/page/_network.scss */
.dir-noresult {
  -webkit-transition: none;
  transition: none;
}
/* line 1, sass/page/_admission.scss */
.hvrgrid {
  font-size: 1.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_admission.scss */
  .hvrgrid {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_admission.scss */
  .hvrgrid {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_admission.scss */
  .hvrgrid {
    font-size: 1.125rem;
  }
}
/* line 13, sass/page/_admission.scss */
.hvrgrid__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -1.8115942%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 13, sass/page/_admission.scss */
  .hvrgrid__cont {
    display: block;
    margin-right: 0;
  }
}
/* line 26, sass/page/_admission.scss */
.hvrgrid__item {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  width: 31.03202847%;
  margin-right: 2.13523132%;
  margin-bottom: 5.55160142%;
  padding-bottom: 5px;
  padding-left: 5px;
}
@media screen and (max-width: 991px) {
  /* line 26, sass/page/_admission.scss */
  .hvrgrid__item {
    width: 47.82918149%;
    padding-bottom: 4px;
    padding-left: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 26, sass/page/_admission.scss */
  .hvrgrid__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.66666667em;
  }
}
/* line 49, sass/page/_admission.scss */
.hvrgrid__item:before {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 5px;
  height: 22.61306533%;
  content: "";
  -webkit-transition: background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #158945;
}
@media screen and (max-width: 991px) {
  /* line 49, sass/page/_admission.scss */
  .hvrgrid__item:before {
    width: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 49, sass/page/_admission.scss */
  .hvrgrid__item:before {
    height: 12%;
  }
}
/* line 69, sass/page/_admission.scss */
.hvrgrid__item:after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 77.98165138%;
  height: 5px;
  content: "";
  -webkit-transition: background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #158945;
}
@media screen and (max-width: 991px) {
  /* line 69, sass/page/_admission.scss */
  .hvrgrid__item:after {
    height: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 69, sass/page/_admission.scss */
  .hvrgrid__item:after {
    width: 80%;
  }
}
/* line 91, sass/page/_admission.scss */
.hvrgrid__item--purple .hvrgrid__ontop,
.hvrgrid__item--purple .hvrgrid__body {
  background-color: #d8d8f0;
}
/* line 98, sass/page/_admission.scss */
.hvrgrid__item--light .hvrgrid__ontop,
.hvrgrid__item--light .hvrgrid__body {
  background-color: #f4f5f9;
}
/* line 106, sass/page/_admission.scss */
.hvrgrid__item:hover:before, .hvrgrid__item:hover:after, .hvrgrid__item:focus:before, .hvrgrid__item:focus:after {
  -webkit-transform: scale(1.24);
  -ms-transform: scale(1.24);
  transform: scale(1.24);
  background-color: #289C32;
}
/* line 112, sass/page/_admission.scss */
.hvrgrid__item:hover .hvrgrid__ontop, .hvrgrid__item:focus .hvrgrid__ontop {
  visibility: hidden;
  opacity: 0;
}
/* line 118, sass/page/_admission.scss */
.hvrgrid__item:hover .hvrgrid__body, .hvrgrid__item:focus .hvrgrid__body {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-box-shadow: 0.125rem -0.125rem 0.625rem rgba(0, 0, 0, 0.12);
  box-shadow: 0.125rem -0.125rem 0.625rem rgba(0, 0, 0, 0.12);
}
/* line 127, sass/page/_admission.scss */
.hvrgrid__item:hover .hvrgrid__title, .hvrgrid__item:focus .hvrgrid__title {
  -webkit-animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
/* line 130, sass/page/_admission.scss */
.hvrgrid__item:hover .hvrgrid__context, .hvrgrid__item:focus .hvrgrid__context {
  -webkit-animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
  animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s both;
}
/* line 133, sass/page/_admission.scss */
.hvrgrid__item:hover .hvrgrid__linkgrp, .hvrgrid__item:focus .hvrgrid__linkgrp {
  -webkit-animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s both;
  animation: fadeInUp 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s both;
}
/* line 139, sass/page/_admission.scss */
.hvrgrid__img-w {
  position: relative;
  padding-bottom: 12.43654822%;
}
@media screen and (max-width: 767px) {
  /* line 139, sass/page/_admission.scss */
  .hvrgrid__img-w {
    padding-bottom: 1.66666667em;
  }
}
/* line 148, sass/page/_admission.scss */
.hvrgrid__img-c {
  position: relative;
  padding-top: 78.89908257%;
}
/* line 158, sass/page/_admission.scss */
.hvrgrid__ontop {
  line-height: 1.2;
  position: absolute;
  z-index: 1;
  right: 8.25688073%;
  bottom: 5px;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  min-height: 29.64824121%;
  padding: 5.73394495% 6.88073394% 7.33944954%;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 991px) {
  /* line 158, sass/page/_admission.scss */
  .hvrgrid__ontop {
    bottom: 4px;
    left: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 158, sass/page/_admission.scss */
  .hvrgrid__ontop {
    min-height: 3.33333333em;
    padding: 1em 1.11111111em;
  }
}
/* line 187, sass/page/_admission.scss */
.hvrgrid__ontop-title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 192, sass/page/_admission.scss */
.hvrgrid__body {
  font-size: 1em;
  position: absolute;
  z-index: 1;
  right: 8.25688073%;
  bottom: 5px;
  left: 5px;
  visibility: hidden;
  padding: 7.33944954% 0 8.71559633%;
  -webkit-transition: visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  opacity: 0;
}
@media screen and (max-width: 991px) {
  /* line 192, sass/page/_admission.scss */
  .hvrgrid__body {
    bottom: 4px;
    left: 4px;
  }
}
@media screen and (max-width: 767px) {
  /* line 192, sass/page/_admission.scss */
  .hvrgrid__body {
    padding: 1.05555556em 0em;
  }
}
/* line 218, sass/page/_admission.scss */
.hvrgrid__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  /* line 218, sass/page/_admission.scss */
  .hvrgrid__title {
    margin-bottom: 0.8125rem;
  }
}
/* line 229, sass/page/_admission.scss */
.hvrgrid__content {
  overflow: hidden;
  max-height: 137px;
  padding: 0 6.88073394%;
}
@media screen and (max-width: 1199px) {
  /* line 229, sass/page/_admission.scss */
  .hvrgrid__content {
    max-height: 129px;
  }
}
@media screen and (max-width: 991px) {
  /* line 229, sass/page/_admission.scss */
  .hvrgrid__content {
    max-height: 124px;
  }
}
@media screen and (max-width: 767px) {
  /* line 229, sass/page/_admission.scss */
  .hvrgrid__content {
    max-height: 108px;
    padding: 0em 1.11111111em;
  }
}
/* line 246, sass/page/_admission.scss */
.hvrgrid__context {
  font-size: 0.61538462em;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  /* line 246, sass/page/_admission.scss */
  .hvrgrid__context {
    margin-bottom: 0.77777778em;
  }
}
/* line 255, sass/page/_admission.scss */
.hvrgrid__linkgrp {
  line-height: 1;
  padding: 0 6.88073394%;
}
@media screen and (max-width: 767px) {
  /* line 255, sass/page/_admission.scss */
  .hvrgrid__linkgrp {
    padding: 0em 1.11111111em;
  }
}
/* line 264, sass/page/_admission.scss */
.hvrgrid__link {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.61538462em;
  font-weight: 500;
  margin-right: 2.125em;
  text-transform: uppercase;
  color: #333333;
}
/* line 277, sass/page/_admission.scss */
.hvrgrid__link:hover, .hvrgrid__link:focus {
  color: #732b76;
}
/* line 282, sass/page/_admission.scss */
.hvrgrid__link:after {
  font-family: icomoon;
  font-size: 0.8125em;
  margin-left: 0.84615385em;
  content: "";
}
/* line 296, sass/page/_admission.scss */
.gbo {
  font-size: 1.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 296, sass/page/_admission.scss */
  .gbo {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 296, sass/page/_admission.scss */
  .gbo {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 296, sass/page/_admission.scss */
  .gbo {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 296, sass/page/_admission.scss */
  .gbo {
    font-size: 1.125rem;
  }
}
/* line 311, sass/page/_admission.scss */
.gbo__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2.60869565%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  /* line 311, sass/page/_admission.scss */
  .gbo__cont {
    display: block;
    margin-right: 0;
  }
}
/* line 325, sass/page/_admission.scss */
.gbo__item {
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  width: 30.79096045%;
  margin-right: 2.54237288%;
  margin-bottom: 0.70621469%;
  -webkit-transition: -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  transition: box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
  -webkit-box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0);
  box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0);
}
/* line 340, sass/page/_admission.scss */
.gbo__item[href]:hover, .gbo__item[href]:focus {
  -webkit-box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
  box-shadow: 0.0625rem 0.0625rem 0.4375rem rgba(0, 0, 0, 0.15);
}
/* line 344, sass/page/_admission.scss */
.gbo__item[href]:hover .gbo__body, .gbo__item[href]:focus .gbo__body {
  padding: 4.35779817% 4.58715596% 8.25688073%;
}
/* line 349, sass/page/_admission.scss */
.gbo__item[href]:hover .gbo__title:before, .gbo__item[href]:focus .gbo__title:before {
  width: 60%;
}
/* line 352, sass/page/_admission.scss */
.gbo__item[href]:hover .gbo__title:after, .gbo__item[href]:focus .gbo__title:after {
  width: 50%;
}
/* line 358, sass/page/_admission.scss */
.gbo__item--half {
  width: 47.45762712%;
}
/* line 361, sass/page/_admission.scss */
.gbo__item--half .gbo__img-w {
  padding-top: 75.14880952%;
}
/* line 367, sass/page/_admission.scss */
.gbo__item--half[href]:hover .gbo__body, .gbo__item--half[href]:focus .gbo__body {
  padding: 4.35779817% 4.58715596% 5.96330275%;
}
@media screen and (max-width: 767px) {
  /* line 325, sass/page/_admission.scss */
  .gbo__item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.5em;
  }
}
/* line 379, sass/page/_admission.scss */
.gbo__img-w {
  position: relative;
  padding-top: 75.2293578%;
}
/* line 389, sass/page/_admission.scss */
.gbo__body {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4.35779817% 4.58715596%;
  -webkit-transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: padding 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 405, sass/page/_admission.scss */
.gbo__item--green .gbo__body {
  background-color: rgba(0, 167, 156, 0.92);
}
/* line 408, sass/page/_admission.scss */
.gbo__item--blue .gbo__body {
  background-color: rgba(50, 152, 222, 0.92);
}
/* line 411, sass/page/_admission.scss */
.gbo__item--orange .gbo__body {
  background-color: rgba(233, 117, 26, 0.92);
}
/* line 416, sass/page/_admission.scss */
.gbo__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 600;
  line-height: 1.25;
  position: relative;
  width: 100%;
  text-align: center;
  color: #ffffff;
}
/* line 430, sass/page/_admission.scss */
.gbo__title:after {
  position: absolute;
  bottom: -0.46153846em;
  left: 50%;
  width: 0;
  height: 2px;
  content: "";
  -webkit-transition: width 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
  transition: width 0.48s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background-color: rgba(255, 255, 255, 0.4);
}
/* line 444, sass/page/_admission.scss */
.gbo__item .gbo__title:after {
  bottom: -0.57692308em;
}
/* line 451, sass/page/_admission.scss */
.ad-req {
  background-size: cover;
}
/* line 454, sass/page/_admission.scss */
.ad-req--sky {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_req-sky.png");
}
/* line 457, sass/page/_admission.scss */
.ad-req--blue {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_req-blue.png");
}
/* line 461, sass/page/_admission.scss */
.ad-req--yellow {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_req-yellow.png");
}
/* line 465, sass/page/_admission.scss */
.ad-req--green {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_req-green.png");
}
/* line 469, sass/page/_admission.scss */
.ad-req__container {
  width: 100%;
}
@media screen and (max-width: 1439px) {
  /* line 469, sass/page/_admission.scss */
  .ad-req__container {
    margin-left: auto;
    width: 1140px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 469, sass/page/_admission.scss */
  .ad-req__container {
    width: 940px;
  }
}
@media screen and (max-width: 991px) {
  /* line 469, sass/page/_admission.scss */
  .ad-req__container {
    max-width: 976px;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  /* line 469, sass/page/_admission.scss */
  .ad-req__container {
    width: 100%;
  }
}
/* line 489, sass/page/_admission.scss */
.req-blk {
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  /* line 489, sass/page/_admission.scss */
  .req-blk {
    padding-left: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 489, sass/page/_admission.scss */
  .req-blk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0.9375rem;
  }
}
/* line 507, sass/page/_admission.scss */
.req-blk--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  /* line 507, sass/page/_admission.scss */
  .req-blk--left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/* line 514, sass/page/_admission.scss */
.req-blk--right {
  padding-left: 0;
}
@media screen and (max-width: 991px) {
  /* line 514, sass/page/_admission.scss */
  .req-blk--right {
    padding-left: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 514, sass/page/_admission.scss */
  .req-blk--right {
    padding-left: 0;
  }
}
@media screen and (max-width: 1439px) {
  /* line 524, sass/page/_admission.scss */
  .req-blk--right .req-blk__img-w {
    margin-left: -13.25em;
  }
}
@media screen and (max-width: 1199px) {
  /* line 524, sass/page/_admission.scss */
  .req-blk--right .req-blk__img-w {
    margin-left: -8.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 524, sass/page/_admission.scss */
  .req-blk--right .req-blk__img-w {
    margin-left: 0;
  }
}
/* line 536, sass/page/_admission.scss */
.req-blk--right .req-blk__detail {
  margin-right: 4.6875em;
}
@media screen and (max-width: 1439px) {
  /* line 536, sass/page/_admission.scss */
  .req-blk--right .req-blk__detail {
    margin-right: 0.9375em;
  }
}
@media screen and (max-width: 1439px) {
  /* line 542, sass/page/_admission.scss */
  .req-blk--right .req-blk__detail-wrapper {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 542, sass/page/_admission.scss */
  .req-blk--right .req-blk__detail-wrapper {
    margin-left: 0;
    padding-left: 0.9375rem;
  }
}
/* line 553, sass/page/_admission.scss */
.req-blk__detail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 42.875em;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 553, sass/page/_admission.scss */
  .req-blk__detail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 48.65248227%;
  }
}
@media screen and (max-width: 1199px) {
  /* line 553, sass/page/_admission.scss */
  .req-blk__detail {
    margin: 3.125em 0.9375em 3.125em 0em;
  }
}
@media screen and (max-width: 767px) {
  /* line 553, sass/page/_admission.scss */
  .req-blk__detail {
    width: 100%;
    margin: 0;
  }
}
/* line 572, sass/page/_admission.scss */
.req-blk__detail-wrapper {
  width: 100%;
  margin: 0.8em 0;
}
@media screen and (max-width: 767px) {
  /* line 572, sass/page/_admission.scss */
  .req-blk__detail-wrapper {
    margin: 1.8em 0em 1.8em 0em;
    padding-right: 1em;
  }
}
/* line 582, sass/page/_admission.scss */
.req-blk__content {
  overflow: hidden;
  max-height: 800px;
}
/* line 587, sass/page/_admission.scss */
.req-blk__img-w {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 45.25em;
}
@media screen and (max-width: 1439px) {
  /* line 587, sass/page/_admission.scss */
  .req-blk__img-w {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 51.34751773%;
  }
}
@media screen and (max-width: 1199px) {
  /* line 587, sass/page/_admission.scss */
  .req-blk__img-w {
    display: none;
  }
}
/* line 599, sass/page/_admission.scss */
.req-blk__img-c {
  padding-top: 46.0625em;
}
@media screen and (max-width: 1439px) {
  /* line 599, sass/page/_admission.scss */
  .req-blk__img-c {
    padding-top: 101.79558011%;
  }
}
/* line 606, sass/page/_admission.scss */
.req-blk__btn {
  margin-top: 2.5em;
  margin-right: 0.5em;
}
/* line 610, sass/page/_admission.scss */
.req-blk__btn:last-child {
  margin-right: 0em;
}
@media screen and (max-width: 1439px) {
  /* line 606, sass/page/_admission.scss */
  .req-blk__btn {
    margin-top: 1.5625em;
  }
}
@media screen and (max-width: 767px) {
  /* line 606, sass/page/_admission.scss */
  .req-blk__btn {
    margin-top: 1.125em;
  }
}
/* line 625, sass/page/_admission.scss */
.jupas-blk {
  font-size: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  /* line 625, sass/page/_admission.scss */
  .jupas-blk {
    padding-left: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 625, sass/page/_admission.scss */
  .jupas-blk {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0.9375rem;
  }
}
/* line 641, sass/page/_admission.scss */
.jupas-blk--yellow .jupas-blk__title {
  color: #d77400;
}
/* line 644, sass/page/_admission.scss */
.jupas-blk--yellow .jupas-blk__text {
  color: #d77400;
}
/* line 648, sass/page/_admission.scss */
.jupas-blk--yellow .jupas-blk__detail-wrapper::before {
  background-color: #e1a400;
}
/* line 654, sass/page/_admission.scss */
.jupas-blk--yellow .jupas-blk__btn:hover .btn__text {
  color: #e1a400;
}
/* line 662, sass/page/_admission.scss */
.jupas-blk--blue .jupas-blk__title, .jupas-blk--sky .jupas-blk__title {
  color: #ffffff;
}
/* line 665, sass/page/_admission.scss */
.jupas-blk--blue .jupas-blk__text, .jupas-blk--sky .jupas-blk__text {
  color: #ffffff;
}
/* line 669, sass/page/_admission.scss */
.jupas-blk--blue .jupas-blk__detail-wrapper::before, .jupas-blk--sky .jupas-blk__detail-wrapper::before {
  background-color: #ffffff;
}
/* line 673, sass/page/_admission.scss */
.jupas-blk--blue .jupas-blk__btn, .jupas-blk--sky .jupas-blk__btn {
  margin-top: 0.9375em;
}
/* line 677, sass/page/_admission.scss */
.jupas-blk--blue .jupas-blk__btn:hover .btn__text, .jupas-blk--sky .jupas-blk__btn:hover .btn__text {
  color: #000000;
}
/* line 685, sass/page/_admission.scss */
.jupas-blk--green .jupas-blk__title {
  color: #00925c;
}
/* line 688, sass/page/_admission.scss */
.jupas-blk--green .jupas-blk__text {
  color: #00925c;
}
/* line 692, sass/page/_admission.scss */
.jupas-blk--green .jupas-blk__detail-wrapper::before {
  background-color: #08b173;
}
/* line 698, sass/page/_admission.scss */
.jupas-blk--green .jupas-blk__btn:hover .btn__text {
  color: #08b173;
}
/* line 705, sass/page/_admission.scss */
.jupas-blk--left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  /* line 705, sass/page/_admission.scss */
  .jupas-blk--left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  /* line 710, sass/page/_admission.scss */
  .jupas-blk--left .jupas-blk__img-w {
    margin-left: auto;
  }
}
/* line 715, sass/page/_admission.scss */
.jupas-blk--left .jupas-blk__detail {
  width: 32.75em;
}
@media screen and (max-width: 1439px) {
  /* line 715, sass/page/_admission.scss */
  .jupas-blk--left .jupas-blk__detail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 41.4893617%;
  }
}
@media screen and (max-width: 767px) {
  /* line 715, sass/page/_admission.scss */
  .jupas-blk--left .jupas-blk__detail {
    margin-left: 0;
    margin-right: auto;
    width: 100%;
  }
}
/* line 730, sass/page/_admission.scss */
.jupas-blk--right {
  padding-left: 0;
}
@media screen and (max-width: 1439px) {
  /* line 733, sass/page/_admission.scss */
  .jupas-blk--right .jupas-blk__img-w {
    margin-left: -13.25em;
  }
}
@media screen and (max-width: 1199px) {
  /* line 733, sass/page/_admission.scss */
  .jupas-blk--right .jupas-blk__img-w {
    margin-left: -8.25em;
  }
}
@media screen and (max-width: 767px) {
  /* line 733, sass/page/_admission.scss */
  .jupas-blk--right .jupas-blk__img-w {
    margin-left: 0;
  }
}
/* line 745, sass/page/_admission.scss */
.jupas-blk--right .jupas-blk__detail {
  margin-right: 11.0625em;
}
@media screen and (max-width: 1439px) {
  /* line 745, sass/page/_admission.scss */
  .jupas-blk--right .jupas-blk__detail {
    margin-right: 0.9375em;
  }
}
@media screen and (max-width: 1439px) {
  /* line 751, sass/page/_admission.scss */
  .jupas-blk--right .jupas-blk__detail-wrapper {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  /* line 751, sass/page/_admission.scss */
  .jupas-blk--right .jupas-blk__detail-wrapper {
    margin-left: 0;
    padding-left: 0.9375rem;
  }
}
/* line 762, sass/page/_admission.scss */
.jupas-blk__detail {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 36.5625em;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 762, sass/page/_admission.scss */
  .jupas-blk__detail {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 41.4893617%;
  }
}
@media screen and (max-width: 767px) {
  /* line 762, sass/page/_admission.scss */
  .jupas-blk__detail {
    margin-left: 0;
    margin-right: auto;
    width: 100%;
  }
}
/* line 777, sass/page/_admission.scss */
.jupas-blk__detail-wrapper {
  position: relative;
  margin: 0.8em 0;
  padding-left: 1.61111111em;
}
@media screen and (max-width: 767px) {
  /* line 777, sass/page/_admission.scss */
  .jupas-blk__detail-wrapper {
    padding-left: 0;
    margin: 1.8em 0;
  }
}
/* line 787, sass/page/_admission.scss */
.jupas-blk__detail-wrapper::before {
  position: absolute;
  top: -7%;
  left: 0;
  background-color: #000000;
  height: 114%;
  width: 0.4375em;
  content: "";
}
@media screen and (max-width: 767px) {
  /* line 787, sass/page/_admission.scss */
  .jupas-blk__detail-wrapper::before {
    display: none;
  }
}
/* line 804, sass/page/_admission.scss */
.jupas-blk__content {
  overflow: hidden;
  max-height: 325px;
}
@media screen and (max-width: 1439px) {
  /* line 804, sass/page/_admission.scss */
  .jupas-blk__content {
    max-height: 250px;
  }
}
@media screen and (max-width: 991px) {
  /* line 804, sass/page/_admission.scss */
  .jupas-blk__content {
    max-height: 200px;
  }
}
@media screen and (max-width: 767px) {
  /* line 804, sass/page/_admission.scss */
  .jupas-blk__content {
    max-height: 190px;
  }
}
/* line 818, sass/page/_admission.scss */
.jupas-blk__title {
  font-size: 2.55555556em;
  margin-bottom: 0.23913043em;
}
/* line 823, sass/page/_admission.scss */
.jupas-blk__text {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.66666667em;
  font-weight: 700;
  padding: 0em 0em 0.66666667em 0em;
}
@media screen and (max-width: 1199px) {
  /* line 823, sass/page/_admission.scss */
  .jupas-blk__text {
    font-size: 1.1875em;
  }
}
/* line 833, sass/page/_admission.scss */
.jupas-blk__btn {
  color: #000000;
}
/* line 837, sass/page/_admission.scss */
.jupas-blk__img-w {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 55.375em;
}
@media screen and (max-width: 1439px) {
  /* line 837, sass/page/_admission.scss */
  .jupas-blk__img-w {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 62.83687943%;
  }
}
@media screen and (max-width: 767px) {
  /* line 837, sass/page/_admission.scss */
  .jupas-blk__img-w {
    display: none;
  }
}
/* line 849, sass/page/_admission.scss */
.jupas-blk__img-c {
  padding-top: 37.5em;
}
@media screen and (max-width: 1439px) {
  /* line 849, sass/page/_admission.scss */
  .jupas-blk__img-c {
    padding-top: 67.72009029%;
  }
}
/* line 856, sass/page/_admission.scss */
.jupas-blk__btn {
  margin-top: 2.5em;
}
@media screen and (max-width: 1439px) {
  /* line 856, sass/page/_admission.scss */
  .jupas-blk__btn {
    margin-top: 1.5625em;
  }
}
/* line 865, sass/page/_admission.scss */
.abt-int {
  font-size: 1em;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_int-sky.png");
  background-size: cover;
  padding: 3.1875em 0em 1.5625em 0em;
}
/* line 871, sass/page/_admission.scss */
.abt-int__wrapper {
  margin: 0 auto;
  width: 73.04347826%;
}
@media screen and (max-width: 991px) {
  /* line 871, sass/page/_admission.scss */
  .abt-int__wrapper {
    width: 100%;
  }
}
/* line 879, sass/page/_admission.scss */
.abt-int__wrapper .ckec li::before {
  background-color: currentColor;
}
/* line 884, sass/page/_admission.scss */
.abt-int__wrapper .ckec p, .abt-int__wrapper .ckec li, .abt-int__wrapper .ckec h2, .abt-int__wrapper .ckec h3, .abt-int__wrapper .ckec h4, .abt-int__wrapper .ckec a[target=_blank] {
  color: #ffffff;
}
/* line 888, sass/page/_admission.scss */
.abt-int__wrapper .ckec a[target=_blank]::after {
  color: #ffffff !important;
}
/* line 896, sass/page/_admission.scss */
.sch-blk {
  font-size: 1.75rem;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/temp/banner_interview.png");
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 1.67857143em;
  overflow: hidden;
}
@media screen and (max-width: 1439px) {
  /* line 896, sass/page/_admission.scss */
  .sch-blk {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 896, sass/page/_admission.scss */
  .sch-blk {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 896, sass/page/_admission.scss */
  .sch-blk {
    font-size: 1.375rem;
  }
}
/* line 914, sass/page/_admission.scss */
.sch-blk__sub {
  overflow: hidden;
}
/* line 918, sass/page/_admission.scss */
.sch-blk__container {
  white-space: nowrap;
}
/* line 922, sass/page/_admission.scss */
.sch-blk__item {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
  width: 48.91304348%;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}
@media screen and (max-width: 767px) {
  /* line 922, sass/page/_admission.scss */
  .sch-blk__item {
    width: 100%;
    display: block;
  }
}
/* line 934, sass/page/_admission.scss */
.sch-blk__item:first-child {
  margin-right: 2.17391304%;
}
/* line 939, sass/page/_admission.scss */
.sch-blk__item--orange .sch-blk__info--list::before {
  color: #d77400;
}
/* line 942, sass/page/_admission.scss */
.sch-blk__item--orange .sch-blk__title-c {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_int-panel-orange--close.png");
}
/* line 945, sass/page/_admission.scss */
.sch-blk__item--orange .sch-blk__date, .sch-blk__item--orange .sch-blk__sm-date {
  color: #d77400;
}
/* line 949, sass/page/_admission.scss */
.sch-blk__item--orange .sch-blk__content::before {
  background-color: #e1a400;
}
/* line 952, sass/page/_admission.scss */
.sch-blk__item--orange .sch-blk__content::after {
  background-color: #d79d00;
}
/* line 958, sass/page/_admission.scss */
.sch-blk__item--green .sch-blk__info--list::before {
  color: #00925c;
}
/* line 961, sass/page/_admission.scss */
.sch-blk__item--green .sch-blk__title-c {
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_int-panel-green--close.png");
}
/* line 964, sass/page/_admission.scss */
.sch-blk__item--green .sch-blk__date, .sch-blk__item--green .sch-blk__sm-date {
  color: #00925c;
}
/* line 968, sass/page/_admission.scss */
.sch-blk__item--green .sch-blk__content::before {
  background-color: #21c68a;
}
/* line 971, sass/page/_admission.scss */
.sch-blk__item--green .sch-blk__content::after {
  background-color: #15b47a;
}
/* line 979, sass/page/_admission.scss */
.sch-blk__header {
  margin: 2.57142857em 0em 1.78571429em 0em;
  display: block;
  position: relative;
}
/* line 985, sass/page/_admission.scss */
.sch-blk__title-c {
  position: relative;
  text-align: center;
  padding: 0.96428571em 2.5em 0.96428571em 2.5em;
  background-size: cover;
  margin-bottom: 1.07142857em;
}
@media screen and (max-width: 1439px) {
  /* line 985, sass/page/_admission.scss */
  .sch-blk__title-c {
    padding: 0.96428571em 2.5em 0.96428571em 0.96428571em;
  }
}
@media screen and (max-width: 991px) {
  /* line 985, sass/page/_admission.scss */
  .sch-blk__title-c {
    padding: 0.96428571em 2.5em 0.96428571em 0.10714286em;
  }
}
@media screen and (max-width: 767px) {
  /* line 985, sass/page/_admission.scss */
  .sch-blk__title-c {
    padding: 0.96428571em 2.21428571em 0.96428571em 0.71428571em;
  }
}
/* line 1003, sass/page/_admission.scss */
.sch-blk__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  color: #ffffff;
  font-size: 1.14285714em;
  font-weight: 600;
}
/* line 1010, sass/page/_admission.scss */
.sch-blk__title-text {
  font-size: 1.60714286em;
}
/* line 1014, sass/page/_admission.scss */
.sch-blk__btn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 1.875em;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 1022, sass/page/_admission.scss */
.sch-blk__btn .ico {
  font-size: 1.75em;
  color: white;
}
/* line 1028, sass/page/_admission.scss */
.sch-blk__img {
  max-width: 100%;
}
/* line 1032, sass/page/_admission.scss */
.sch-blk__content {
  position: relative;
  padding: 0em 0em 0.96428571em 2.78571429em;
}
@media screen and (max-width: 767px) {
  /* line 1032, sass/page/_admission.scss */
  .sch-blk__content {
    padding: 0em 0.57692308em 0.92307692em 0.84615385em;
  }
}
/* line 1038, sass/page/_admission.scss */
.sch-blk__content::before {
  position: absolute;
  height: 0.71428571em;
  width: 0.71428571em;
  content: "";
  border-radius: 50%;
  top: 0.35714286em;
  left: 1.03571429em;
  background-color: black;
}
@media screen and (max-width: 767px) {
  /* line 1038, sass/page/_admission.scss */
  .sch-blk__content::before {
    left: 0;
  }
}
/* line 1052, sass/page/_admission.scss */
.sch-blk__content::after {
  position: absolute;
  content: "";
  top: 1.07142857em;
  left: 1.35714286em;
  height: calc(100% - 0.71428571em);
  width: 0.07142857em;
  min-width: 1px;
  background-color: black;
}
@media screen and (max-width: 767px) {
  /* line 1052, sass/page/_admission.scss */
  .sch-blk__content::after {
    left: 0.30769231em;
  }
}
/* line 1067, sass/page/_admission.scss */
.sch-blk__content:last-child::after {
  display: none;
}
/* line 1073, sass/page/_admission.scss */
.sch-blk__content-inner {
  overflow: hidden;
}
/* line 1077, sass/page/_admission.scss */
.sch-blk__date {
  font-weight: 600;
  margin-bottom: 0.10714286em;
}
@media screen and (max-width: 767px) {
  /* line 1077, sass/page/_admission.scss */
  .sch-blk__date {
    display: none;
  }
}
/* line 1085, sass/page/_admission.scss */
.sch-blk__sm-date {
  display: none;
  font-weight: 600;
  margin-bottom: 0.85714286em;
}
@media screen and (max-width: 767px) {
  /* line 1085, sass/page/_admission.scss */
  .sch-blk__sm-date {
    display: block;
  }
}
/* line 1094, sass/page/_admission.scss */
.sch-blk__info-wrap {
  margin-bottom: 0.5em;
  overflow: hidden;
}
/* line 1097, sass/page/_admission.scss */
.sch-blk__info-wrap:last-child {
  margin-bottom: 0;
}
/* line 1102, sass/page/_admission.scss */
.sch-blk__info {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.64285714em;
}
@media screen and (max-width: 767px) {
  /* line 1102, sass/page/_admission.scss */
  .sch-blk__info {
    font-weight: 500;
    font-size: 0.66666667em;
  }
}
/* line 1110, sass/page/_admission.scss */
.sch-blk__info--list {
  display: list-item;
  list-style-type: none;
  padding-left: 1.5em;
}
/* line 1114, sass/page/_admission.scss */
.sch-blk__info--list::before {
  display: inline-block;
  margin-left: -1em;
  width: 1em;
  font-weight: 700;
  font-size: 1.25em;
  content: "-";
}
/* line 1125, sass/page/_admission.scss */
.sch-blk__more-info {
  opacity: 0;
  max-height: 0;
  -webkit-transition: max-height opacity .6s ease-out;
  transition: max-height opacity .6s ease-out;
  margin-top: 0.35714286em;
  font-size: 0.57142857em;
}
@media screen and (max-width: 767px) {
  /* line 1125, sass/page/_admission.scss */
  .sch-blk__more-info {
    max-height: 1000px;
    opacity: 1;
  }
}
/* line 1137, sass/page/_admission.scss */
.sch-blk__img-c {
  float: right;
  margin-left: 1.21428571em;
}
@media screen and (max-width: 767px) {
  /* line 1137, sass/page/_admission.scss */
  .sch-blk__img-c {
    float: none;
    margin-left: 0;
    margin-bottom: 1em;
  }
}
/* line 1147, sass/page/_admission.scss */
.sch-blk__img-c img {
  -webkit-transition: max-height opacity .6s ease-out;
  transition: max-height opacity .6s ease-out;
  opacity: 0;
  max-height: 0;
}
@media screen and (max-width: 767px) {
  /* line 1147, sass/page/_admission.scss */
  .sch-blk__img-c img {
    max-height: 1000px;
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  /* line 1164, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__info--list, .is-expand.expand-right .sch-blk__info--list {
    display: block;
    padding-left: 0;
  }
  /* line 1167, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__info--list::before, .is-expand.expand-right .sch-blk__info--list::before {
    display: none;
  }
  /* line 1172, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__info, .is-expand.expand-right .sch-blk__info {
    font-weight: 500;
    font-size: 0.78571429em;
  }
  /* line 1176, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__info-wrap, .is-expand.expand-right .sch-blk__info-wrap {
    margin-bottom: 0.71428571em;
  }
  /* line 1178, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__info-wrap:last-child, .is-expand.expand-right .sch-blk__info-wrap:last-child {
    margin-bottom: 0;
  }
  /* line 1184, sass/page/_admission.scss */
  .is-expand.expand-right {
    width: 94.20289855%;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1188, sass/page/_admission.scss */
  .is-expand.expand-right .sch-blk__more-info {
    max-height: 750px;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1194, sass/page/_admission.scss */
  .is-expand.expand-right .sch-blk__img-c img {
    max-height: 750px;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1200, sass/page/_admission.scss */
  .is-expand.expand-right .sch-blk__title-c {
    background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_int-panel-orange.png");
  }
  /* line 1205, sass/page/_admission.scss */
  .is-not-expand {
    width: 48.91304348%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1210, sass/page/_admission.scss */
  .is-expand.expand-left {
    width: 94.20289855%;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1214, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__more-info {
    max-height: 750px;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  /* line 1220, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__img-c img {
    max-height: 750px;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  /* line 1226, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__title-c {
    background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_int-panel-green.png");
  }
  /* line 1231, sass/page/_admission.scss */
  .is-unshown {
    opacity: 0.2;
  }
  /* line 1233, sass/page/_admission.scss */
  .is-unshown .sch-blk__detail, .is-unshown .sch-blk__btn {
    opacity: 0;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1240, sass/page/_admission.scss */
  .move-it-right.is-unshown {
    margin-left: -51.08695652%;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@media screen and (max-width: 767px) {
  /* line 1249, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__info-wrap, .is-expand.expand-right .sch-blk__info-wrap, .first-time-shown .sch-blk__info-wrap {
    margin-bottom: 0.71428571em;
  }
  /* line 1251, sass/page/_admission.scss */
  .is-expand.expand-left .sch-blk__info-wrap:last-child, .is-expand.expand-right .sch-blk__info-wrap:last-child, .first-time-shown .sch-blk__info-wrap:last-child {
    margin-bottom: 0;
  }
  /* line 1257, sass/page/_admission.scss */
  .is-not-expand .sch-blk__detail {
    opacity: 0;
    max-height: 0;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1265, sass/page/_admission.scss */
  .is-expand .sch-blk__detail {
    max-height: 3000px;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1272, sass/page/_admission.scss */
  .first-time-shown .sch-blk__detail {
    opacity: 1;
    max-height: 3000px;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  /* line 1278, sass/page/_admission.scss */
  .first-time-shown .ico--expand::before {
    content: "\e95b";
  }
}
/* line 1, sass/page/_upcoming.scss */
.upevthl {
  font-size: 1.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_upcoming.scss */
  .upevthl {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_upcoming.scss */
  .upevthl {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_upcoming.scss */
  .upevthl {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_upcoming.scss */
  .upevthl {
    font-size: 1.125rem;
  }
}
/* line 16, sass/page/_upcoming.scss */
.upevthl__item {
  margin-bottom: 1.15384615em;
}
@media screen and (max-width: 767px) {
  /* line 16, sass/page/_upcoming.scss */
  .upevthl__item {
    margin-bottom: 1.875rem;
  }
}
/* line 24, sass/page/_upcoming.scss */
.upevthl__item--hl .upevthl__body {
  background: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-corner.png") 100% 100% no-repeat #ffffff;
  background-size: 5.03846154em auto;
}
/* line 31, sass/page/_upcoming.scss */
.upevthl__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 31, sass/page/_upcoming.scss */
  .upevthl__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 40, sass/page/_upcoming.scss */
.upevthl__inner:hover, .upevthl__inner:focus-within {
  -webkit-box-shadow: 0em -0.07692308em 1.5em 0.03846154em rgba(12, 12, 12, 0.2);
  box-shadow: 0em -0.07692308em 1.5em 0.03846154em rgba(12, 12, 12, 0.2);
}
/* line 46, sass/page/_upcoming.scss */
.upevthl__img-w {
  position: relative;
  display: block;
  width: 51.7571885%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 46, sass/page/_upcoming.scss */
  .upevthl__img-w {
    width: 100%;
  }
}
/* line 59, sass/page/_upcoming.scss */
.upevthl__img-c {
  padding-top: 55.96707819%;
}
/* line 63, sass/page/_upcoming.scss */
.upevthl__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
/* line 74, sass/page/_upcoming.scss */
.upevthl__body {
  display: block;
  width: 48.2428115%;
  padding: 1.91693291% 4.25985091%;
  background-color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 74, sass/page/_upcoming.scss */
  .upevthl__body {
    width: 100%;
    padding: 0.88888889em 1.11111111em 1.11111111em;
  }
}
/* line 89, sass/page/_upcoming.scss */
.upevthl__date {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.76923077em;
  font-weight: 500;
  margin-bottom: 0.6em;
  color: #585858;
}
/* line 100, sass/page/_upcoming.scss */
.upevthl__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
  max-height: 98px;
  margin-bottom: 0.46153846em;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 100, sass/page/_upcoming.scss */
  .upevthl__title {
    max-height: 92px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 100, sass/page/_upcoming.scss */
  .upevthl__title {
    max-height: 83px;
  }
}
@media screen and (max-width: 991px) {
  /* line 100, sass/page/_upcoming.scss */
  .upevthl__title {
    max-height: 77px;
  }
}
@media screen and (max-width: 767px) {
  /* line 100, sass/page/_upcoming.scss */
  .upevthl__title {
    max-height: 90px;
  }
}
/* line 125, sass/page/_upcoming.scss */
.upevthl__tagrow {
  margin-bottom: 0.26923077em;
}
/* line 129, sass/page/_upcoming.scss */
.upevthl__tag {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 0.53846154em;
  margin-right: 0.92857143em;
  margin-bottom: 0.35714286em;
}
/* line 138, sass/page/_upcoming.scss */
.upevthl__tag-text {
  font-weight: 600;
  display: block;
  padding: 0.28571429em 1.07142857em;
  -webkit-transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #585858;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
/* line 151, sass/page/_upcoming.scss */
.upevthl__tag--purple .upevthl__tag-text {
  color: #ffffff;
  border-color: #C07CC5;
  background-color: #732b76;
}
/* line 156, sass/page/_upcoming.scss */
.upevthl__tag--blue .upevthl__tag-text {
  color: #ffffff;
  border-color: #2b4f7b;
  background-color: #3b6597;
}
/* line 165, sass/page/_upcoming.scss */
.evtools {
  font-size: 1.125rem;
  position: relative;
  z-index: 1;
  margin-top: -7.77777778em;
}
/* line 173, sass/page/_upcoming.scss */
.breadcrumb + .page-content > .evtools,
.page-content:first-child > .evtools {
  margin-top: -3.125rem;
  margin-right: -8.375rem;
  margin-left: -4.5625rem;
}
@media screen and (max-width: 1439px) {
  /* line 165, sass/page/_upcoming.scss */
  .evtools {
    font-size: 0.9375rem;
  }
  /* line 183, sass/page/_upcoming.scss */
  .breadcrumb + .page-content > .evtools,
  .page-content:first-child > .evtools {
    margin-top: -3.125rem;
    margin-right: -5.625rem;
    margin-left: -3.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 165, sass/page/_upcoming.scss */
  .evtools {
    font-size: 0.8125rem;
  }
  /* line 193, sass/page/_upcoming.scss */
  .breadcrumb + .page-content > .evtools,
  .page-content:first-child > .evtools {
    margin-top: -2.8125rem;
    margin-right: -4.375rem;
    margin-left: -2.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 165, sass/page/_upcoming.scss */
  .evtools {
    font-size: 0.6875rem;
  }
  /* line 203, sass/page/_upcoming.scss */
  .breadcrumb + .page-content > .evtools,
  .page-content:first-child > .evtools {
    margin-top: -3.75rem;
    margin-right: -3.125rem;
    margin-left: -3.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 165, sass/page/_upcoming.scss */
  .evtools {
    margin-top: -3.63636364em;
  }
  /* line 213, sass/page/_upcoming.scss */
  .breadcrumb + .page-content > .evtools,
  .page-content:first-child > .evtools {
    margin-top: -1.875rem;
    margin-right: -1.5625rem;
    margin-left: -1.5625rem;
  }
}
/* line 221, sass/page/_upcoming.scss */
.evtools__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  /* line 221, sass/page/_upcoming.scss */
  .evtools__cont {
    display: block;
  }
}
/* line 230, sass/page/_upcoming.scss */
.evtools__item {
  position: relative;
  padding: 1.77777778em 2.22222222em 1.5em;
  text-align: center;
  color: #ffffff;
  background-color: #252f6a;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}
@media screen and (max-width: 767px) {
  /* line 230, sass/page/_upcoming.scss */
  .evtools__item {
    padding: 0.9375rem 1.25rem 0.625rem;
  }
}
/* line 246, sass/page/_upcoming.scss */
.evtools__item + .evtools__item:after {
  position: absolute;
  z-index: 1;
  top: 24.44444444%;
  bottom: 29.44444444%;
  left: 0;
  width: 1px;
  content: "";
  background-color: rgba(248, 248, 248, 0.15);
}
@media screen and (max-width: 767px) {
  /* line 246, sass/page/_upcoming.scss */
  .evtools__item + .evtools__item:after {
    top: 0;
    right: 10%;
    bottom: auto;
    left: 10%;
    width: auto;
    height: 1px;
  }
}
/* line 271, sass/page/_upcoming.scss */
.evtools__head {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.72222222em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 283, sass/page/_upcoming.scss */
.evtools__name {
  font-size: 1.22222222em;
  font-weight: 600;
}
/* line 288, sass/page/_upcoming.scss */
.evtools__icon {
  font-size: 2.18181818em;
  margin-right: 0.25em;
}
/* line 294, sass/page/_upcoming.scss */
.evtools__row2 {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.22222222;
  margin-bottom: 0.5em;
  color: #ffffff;
}
/* line 305, sass/page/_upcoming.scss */
.evtools__row2 a {
  text-decoration: underline;
  color: #ffffff;
}
/* line 310, sass/page/_upcoming.scss */
.evtools__row2 a:hover, .evtools__row2 a:focus {
  color: #ffffff;
}
/* line 317, sass/page/_upcoming.scss */
.evtools__sub {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.22222222;
}
/* line 325, sass/page/_upcoming.scss */
.evtools__link {
  color: #ffffff;
}
/* line 328, sass/page/_upcoming.scss */
.evtools__link .ico {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 0.72222222em;
  font-weight: 700;
  margin-right: 0.38461538em;
}
/* line 337, sass/page/_upcoming.scss */
.evtools__link-txt {
  text-decoration: underline;
}
/* line 341, sass/page/_upcoming.scss */
.evtools__link:hover, .evtools__link:focus {
  color: #ffffff;
}
/* line 348, sass/page/_upcoming.scss */
.stick-btn-wrap {
  position: relative;
  z-index: 10;
}
/* line 354, sass/page/_upcoming.scss */
.stick-btn--fixed .stick-btn-wrap {
  z-index: 10000;
}
/* line 359, sass/page/_upcoming.scss */
.stick-btn {
  position: absolute;
  z-index: 1;
  right: calc((-100vw + 1440px) / 2);
  margin-top: 4.375rem;
}
@media screen and (min-width: 1920px) {
  /* line 359, sass/page/_upcoming.scss */
  .stick-btn {
    position: fixed;
    right: 0;
  }
}
@media screen and (max-width: 1439px) {
  /* line 359, sass/page/_upcoming.scss */
  .stick-btn {
    right: calc((-100vw + 1170px) / 2);
  }
}
@media screen and (max-width: 1199px) {
  /* line 359, sass/page/_upcoming.scss */
  .stick-btn {
    right: calc((-100vw + 970px) / 2);
  }
}
@media screen and (max-width: 991px) {
  /* line 359, sass/page/_upcoming.scss */
  .stick-btn {
    right: 0;
  }
}
@supports (--var: 0) {
  /* line 359, sass/page/_upcoming.scss */
  .stick-btn {
    right: calc((-100vw + var(--js-scbar) + 1440px) / 2);
  }
  @media screen and (min-width: 1920px) {
    /* line 359, sass/page/_upcoming.scss */
    .stick-btn {
      right: 0;
    }
  }
  @media screen and (max-width: 1439px) {
    /* line 359, sass/page/_upcoming.scss */
    .stick-btn {
      right: calc((-100vw + var(--js-scbar) + 1170px) / 2);
    }
  }
  @media screen and (max-width: 1199px) {
    /* line 359, sass/page/_upcoming.scss */
    .stick-btn {
      right: calc((-100vw + var(--js-scbar) + 970px) / 2);
    }
  }
  @media screen and (max-width: 991px) {
    /* line 359, sass/page/_upcoming.scss */
    .stick-btn {
      right: 0;
    }
  }
}
/* line 397, sass/page/_upcoming.scss */
.stick-btn--fixed .stick-btn {
  position: fixed;
  right: 0;
}
/* line 402, sass/page/_upcoming.scss */
.stick-btn__item {
  font-size: 1.25rem;
  line-height: 1.25;
  display: block;
  padding: 0.85em 5em 0.8em 1.5em;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
  border-radius: 3px 0 0 3px;
  background-color: #3B4680;
  background-image: url("/20240725114850oe_/https://www.med.cuhk.edu.hk/assets/img/bg_pattern-reg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 1px 4px 13px 1px rgba(0, 0, 0, 0.22);
  box-shadow: 1px 4px 13px 1px rgba(0, 0, 0, 0.22);
}
@media screen and (max-width: 1600px) {
  /* line 402, sass/page/_upcoming.scss */
  .stick-btn__item {
    padding-right: 1.5em;
  }
}
@media screen and (max-width: 1439px) {
  /* line 402, sass/page/_upcoming.scss */
  .stick-btn__item {
    font-size: 1.125rem;
    padding: 0.94444444em 1.66666667em 0.88888889em 1.55555556em;
  }
}
@media screen and (max-width: 1199px) {
  /* line 402, sass/page/_upcoming.scss */
  .stick-btn__item {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 402, sass/page/_upcoming.scss */
  .stick-btn__item {
    font-size: 0.875rem;
    padding: 0.85714286em 0.71428571em 0.85714286em 1.07142857em;
  }
}
@media screen and (max-width: 767px) {
  /* line 402, sass/page/_upcoming.scss */
  .stick-btn__item {
    font-size: 0.6875rem;
    padding: 0.72727273em 0.54545455em 0.72727273em 0.72727273em;
  }
}
/* line 441, sass/page/_upcoming.scss */
.stick-btn__item .ico {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 1.65em;
  margin-right: 0.33333333em;
}
@media screen and (max-width: 991px) {
  /* line 441, sass/page/_upcoming.scss */
  .stick-btn__item .ico {
    margin-right: 0;
  }
}
/* line 452, sass/page/_upcoming.scss */
.stick-btn__item:hover, .stick-btn__item:focus {
  padding-right: 6em;
  color: #ffffff;
}
@media screen and (max-width: 1600px) {
  /* line 452, sass/page/_upcoming.scss */
  .stick-btn__item:hover, .stick-btn__item:focus {
    padding-right: 3em;
  }
}
@media screen and (max-width: 1439px) {
  /* line 452, sass/page/_upcoming.scss */
  .stick-btn__item:hover, .stick-btn__item:focus {
    padding-right: 3.5em;
  }
}
@media screen and (max-width: 991px) {
  /* line 452, sass/page/_upcoming.scss */
  .stick-btn__item:hover, .stick-btn__item:focus {
    padding-right: 1.07142857em;
  }
}
/* line 467, sass/page/_upcoming.scss */
.stick-btn__item:hover .ico, .stick-btn__item:focus .ico {
  -webkit-animation: swing 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
  animation: swing 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite both;
}
/* line 473, sass/page/_upcoming.scss */
.stick-btn__text {
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
}
/* line 483, sass/page/_upcoming.scss */
.detail-tabcontent {
  margin-bottom: 5.5rem;
}
/* line 1, sass/page/_awards.scss */
.year-nav {
  font-size: 1.5rem;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_awards.scss */
  .year-nav {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_awards.scss */
  .year-nav {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_awards.scss */
  .year-nav {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_awards.scss */
  .year-nav {
    font-size: 0.875rem;
  }
}
/* line 17, sass/page/_awards.scss */
.year-nav__cont {
  position: relative;
  width: 60.14492754%;
  width: 74.7826087%;
  margin: 0 auto 2.29166667em;
  padding: 0 7.31884058%;
  background-color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 17, sass/page/_awards.scss */
  .year-nav__cont {
    width: 80%;
    padding: 0;
  }
}
/* line 31, sass/page/_awards.scss */
.year-nav__cont .slider__item {
  overflow: hidden;
  width: 33.33333333%;
  padding-bottom: 1px;
}
/* line 38, sass/page/_awards.scss */
.year-nav__cont.slick-no-arrow {
  overflow: hidden;
}
/* line 41, sass/page/_awards.scss */
.year-nav__cont.slick-no-arrow:before, .year-nav__cont.slick-no-arrow:after {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  content: "";
  border-radius: 50%;
  background-color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 41, sass/page/_awards.scss */
  .year-nav__cont.slick-no-arrow:before, .year-nav__cont.slick-no-arrow:after {
    width: 8px;
    height: 8px;
    margin-top: -4px;
  }
}
/* line 61, sass/page/_awards.scss */
.year-nav__cont.slick-no-arrow:before {
  left: 0;
}
/* line 64, sass/page/_awards.scss */
.year-nav__cont.slick-no-arrow:after {
  right: 0;
}
/* line 69, sass/page/_awards.scss */
.year-nav__cont.slick-no-arrow .slider:before, .year-nav__cont.slick-no-arrow .slider:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  width: 400px;
  height: 3px;
  margin-top: -1.5px;
  content: "";
  background-color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 69, sass/page/_awards.scss */
  .year-nav__cont.slick-no-arrow .slider:before, .year-nav__cont.slick-no-arrow .slider:after {
    height: 2px;
    margin-top: -1px;
  }
}
/* line 88, sass/page/_awards.scss */
.year-nav__cont.slick-no-arrow .slider:before {
  left: 100%;
}
/* line 92, sass/page/_awards.scss */
.year-nav__cont.slick-no-arrow .slider:after {
  right: 100%;
}
/* line 99, sass/page/_awards.scss */
.year-nav__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 3.83333333em;
  height: 3.83333333em;
  margin: 0 auto;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border: 1px solid #732b76;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  /* line 99, sass/page/_awards.scss */
  .year-nav__item {
    background-color: #ffffff;
  }
}
@media screen and (max-width: 991px) {
  /* line 119, sass/page/_awards.scss */
  .year-nav__item:hover, .year-nav__item:focus, .year-nav__item--active {
    background-color: #732b76;
  }
}
/* line 125, sass/page/_awards.scss */
.year-nav__item:hover .year-nav__text, .year-nav__item:focus .year-nav__text, .year-nav__item--active .year-nav__text {
  color: #ffffff;
}
/* line 128, sass/page/_awards.scss */
.year-nav__item:hover .year-nav__text:before, .year-nav__item:focus .year-nav__text:before, .year-nav__item--active .year-nav__text:before {
  -webkit-transform: scale3d(1, 1, 1) rotateY(180deg);
  transform: scale3d(1, 1, 1) rotateY(180deg);
  opacity: 1;
  background-color: #732b76;
}
/* line 137, sass/page/_awards.scss */
.year-nav__item:before, .year-nav__item:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  width: 200%;
  height: 3px;
  margin-top: -1.5px;
  content: "";
  background-color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 137, sass/page/_awards.scss */
  .year-nav__item:before, .year-nav__item:after {
    height: 2px;
    margin-top: -1px;
  }
}
/* line 156, sass/page/_awards.scss */
.year-nav__item:before {
  left: calc(100% + 5px);
}
@media screen and (max-width: 991px) {
  /* line 156, sass/page/_awards.scss */
  .year-nav__item:before {
    left: calc(100% + 3px);
  }
}
/* line 162, sass/page/_awards.scss */
.year-nav__item:after {
  right: calc(100% + 5px);
}
@media screen and (max-width: 991px) {
  /* line 162, sass/page/_awards.scss */
  .year-nav__item:after {
    right: calc(100% + 3px);
  }
}
/* line 170, sass/page/_awards.scss */
.year-nav__text {
  font-weight: 600;
  overflow: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #732b76;
}
/* line 179, sass/page/_awards.scss */
.year-nav__text:before {
  position: absolute;
  z-index: -1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  content: "";
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale3d(0.05, 0.05, 0.05);
  transform: scale3d(0.05, 0.05, 0.05);
  opacity: 0;
  border-radius: 50%;
  background-color: #732b76;
}
@media screen and (max-width: 991px) {
  /* line 179, sass/page/_awards.scss */
  .year-nav__text:before {
    content: none;
  }
}
/* line 201, sass/page/_awards.scss */
.awards-block {
  font-size: 1.25rem;
}
@media screen and (max-width: 1439px) {
  /* line 201, sass/page/_awards.scss */
  .awards-block {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 201, sass/page/_awards.scss */
  .awards-block {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 201, sass/page/_awards.scss */
  .awards-block {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 201, sass/page/_awards.scss */
  .awards-block {
    font-size: 1rem;
  }
}
/* line 216, sass/page/_awards.scss */
.awards-block__cont {
  margin: 0 -1.08695652% 1.5em;
}
/* line 219, sass/page/_awards.scss */
.awards-block__cont:last-child {
  margin-bottom: 3.85em;
}
@media screen and (max-width: 991px) {
  /* line 216, sass/page/_awards.scss */
  .awards-block__cont {
    margin: 0 -2.11864407% 1.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 216, sass/page/_awards.scss */
  .awards-block__cont {
    margin: 0 0 1.875rem;
  }
}
/* line 230, sass/page/_awards.scss */
.awards-block .mas__sizer {
  width: 33.33333333%;
}
@media screen and (max-width: 991px) {
  /* line 230, sass/page/_awards.scss */
  .awards-block .mas__sizer {
    width: 48.9626556%;
  }
}
@media screen and (max-width: 767px) {
  /* line 230, sass/page/_awards.scss */
  .awards-block .mas__sizer {
    width: 100%;
  }
}
/* line 241, sass/page/_awards.scss */
.awards-block__item {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  width: 33.33333333%;
  padding: 1.06382979%;
}
@media screen and (max-width: 991px) {
  /* line 241, sass/page/_awards.scss */
  .awards-block__item {
    width: 48.9626556%;
    padding: 2.0746888%;
  }
}
@media screen and (max-width: 767px) {
  /* line 241, sass/page/_awards.scss */
  .awards-block__item {
    width: 100%;
    margin: 0 0 1.875rem;
    padding: 0;
  }
}
/* line 258, sass/page/_awards.scss */
.awards-block__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 3.2em 1.6em 3.45em;
  border: 1px solid #732b76;
  background-color: #ffffff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 274, sass/page/_awards.scss */
.awards-block__name {
  font-weight: 600;
  width: 100%;
  margin-bottom: 0.6em;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 285, sass/page/_awards.scss */
.awards-block__awards {
  line-height: 1.5;
  width: 100%;
  margin-bottom: 1.05em;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 296, sass/page/_awards.scss */
.awards-block__sub {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.11111111;
  width: 100%;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 309, sass/page/_awards.scss */
.awards-block__link {
  font-size: 0.9em;
  width: 100%;
  margin-top: 1.27777778em;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 318, sass/page/_awards.scss */
.awards-block__icon {
  position: absolute;
  top: 0;
  left: 4.79452055%;
  width: 16.43835616%;
  padding: 0.35em 0em;
  text-align: center;
  background-color: #732b76;
}
/* line 331, sass/page/_awards.scss */
.awards-block__img {
  width: 62.5%;
}
/* line 1, sass/page/_newsletter.scss */
.newslhl {
  font-size: 2rem;
  margin: 0 0 2.65625em;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_newsletter.scss */
  .newslhl {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_newsletter.scss */
  .newslhl {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_newsletter.scss */
  .newslhl {
    font-size: 1.125rem;
  }
}
/* line 17, sass/page/_newsletter.scss */
.newslhl__btm {
  position: relative;
  z-index: 0;
  padding: 2.6875rem 0 6.75rem;
}
@media screen and (max-width: 991px) {
  /* line 17, sass/page/_newsletter.scss */
  .newslhl__btm {
    padding: 2.5rem 0 5.625rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 17, sass/page/_newsletter.scss */
  .newslhl__btm {
    padding: 1.875rem 0 5rem;
  }
}
/* line 30, sass/page/_newsletter.scss */
.newslhl__item {
  position: relative;
  z-index: 0;
  display: block;
  padding-bottom: 1.96875em;
}
@media screen and (max-width: 767px) {
  /* line 30, sass/page/_newsletter.scss */
  .newslhl__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-bottom: 1.5em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 48, sass/page/_newsletter.scss */
.newslhl__img-w {
  display: block;
  width: 56.8115942%;
}
/* line 53, sass/page/_newsletter.scss */
.slick-initialized .slick-current .newslhl__img-w {
  -webkit-animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 48, sass/page/_newsletter.scss */
  .newslhl__img-w {
    width: 100%;
  }
}
/* line 61, sass/page/_newsletter.scss */
.newslhl__img {
  width: 100%;
}
/* line 65, sass/page/_newsletter.scss */
.newslhl__body {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49.05797101%;
  min-height: 13.4375em;
  padding: 4.63768116% 1.95652174% 5% 9.27536232%;
  background-color: #f4f5f9;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 82, sass/page/_newsletter.scss */
.slick-initialized .slick-current .newslhl__body {
  -webkit-animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInRightMild 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 65, sass/page/_newsletter.scss */
  .newslhl__body {
    position: static;
    display: block;
    width: 100%;
    min-height: 0;
    padding: 1.5em 1.25em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
/* line 98, sass/page/_newsletter.scss */
.newslhl__text {
  overflow: hidden;
  max-height: 266px;
  margin-bottom: 0.875em;
  padding-bottom: 3px;
}
@media screen and (max-width: 1439px) {
  /* line 98, sass/page/_newsletter.scss */
  .newslhl__text {
    max-height: 186px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 98, sass/page/_newsletter.scss */
  .newslhl__text {
    max-height: 156px;
  }
}
@media screen and (max-width: 991px) {
  /* line 98, sass/page/_newsletter.scss */
  .newslhl__text {
    max-height: 120px;
  }
}
@media screen and (max-width: 767px) {
  /* line 98, sass/page/_newsletter.scss */
  .newslhl__text {
    max-height: 126px;
  }
}
/* line 119, sass/page/_newsletter.scss */
.newslhl__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
/* line 122, sass/page/_newsletter.scss */
.ie .newslhl__inner {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
}
/* line 127, sass/page/_newsletter.scss */
.newslhl__tag-row {
  margin-bottom: 0.8125em;
}
/* line 130, sass/page/_newsletter.scss */
.slick-initialized .slick-current .newslhl__tag-row {
  -webkit-animation: fadeIn .6s ease .4s both;
  animation: fadeIn .6s ease .4s both;
}
/* line 135, sass/page/_newsletter.scss */
.newslhl__tag {
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 0.625em;
  line-height: 1;
  padding: 0.6em 1.2em 0.55em;
  text-transform: uppercase;
  color: #ffffff !important;
  background-color: #4873AA;
}
/* line 149, sass/page/_newsletter.scss */
.newslhl__title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  color: #000000;
}
/* line 155, sass/page/_newsletter.scss */
.slick-initialized .slick-current .newslhl__title {
  -webkit-animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
  animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s both;
}
/* line 160, sass/page/_newsletter.scss */
.newslhl__desc {
  font-size: 0.625em;
  line-height: 1.2;
  color: #000000;
}
@media screen and (max-width: 767px) {
  /* line 160, sass/page/_newsletter.scss */
  .newslhl__desc {
    font-size: 0.77777778em;
  }
}
/* line 168, sass/page/_newsletter.scss */
.slick-initialized .slick-current .newslhl__desc {
  -webkit-animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
  animation: fadeInRightMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s both;
}
/* line 173, sass/page/_newsletter.scss */
.newslhl__btn-grp {
  margin-right: -4.43131462%;
}
@media screen and (max-width: 1199px) {
  /* line 173, sass/page/_newsletter.scss */
  .newslhl__btn-grp {
    margin-right: -2.35988201%;
  }
}
@media screen and (max-width: 767px) {
  /* line 173, sass/page/_newsletter.scss */
  .newslhl__btn-grp {
    text-align: right;
  }
}
/* line 184, sass/page/_newsletter.scss */
.newslhl__btn-grp .btn, .newslhl__btn-grp .fileinput-button {
  margin-right: 4.24328147%;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 1439px) {
  /* line 184, sass/page/_newsletter.scss */
  .newslhl__btn-grp .btn, .newslhl__btn-grp .fileinput-button {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 184, sass/page/_newsletter.scss */
  .newslhl__btn-grp .btn, .newslhl__btn-grp .fileinput-button {
    font-size: 0.75rem;
    margin-right: 2.88184438%;
  }
}
@media screen and (max-width: 991px) {
  /* line 184, sass/page/_newsletter.scss */
  .newslhl__btn-grp .btn, .newslhl__btn-grp .fileinput-button {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 184, sass/page/_newsletter.scss */
  .newslhl__btn-grp .btn, .newslhl__btn-grp .fileinput-button {
    font-size: 0.68125rem;
  }
}
/* line 204, sass/page/_newsletter.scss */
.slick-initialized .slick-active .newslhl__btn-grp .btn:nth-child(1), .slick-initialized .slick-active .newslhl__btn-grp .fileinput-button:nth-child(1) {
  -webkit-animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s both;
  animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s both;
}
/* line 204, sass/page/_newsletter.scss */
.slick-initialized .slick-active .newslhl__btn-grp .btn:nth-child(2), .slick-initialized .slick-active .newslhl__btn-grp .fileinput-button:nth-child(2) {
  -webkit-animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s both;
  animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s both;
}
/* line 204, sass/page/_newsletter.scss */
.slick-initialized .slick-active .newslhl__btn-grp .btn:nth-child(3), .slick-initialized .slick-active .newslhl__btn-grp .fileinput-button:nth-child(3) {
  -webkit-animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s both;
  animation: fadeInUpMild 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s both;
}
/* line 215, sass/page/_newsletter.scss */
.result-blk__heading {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5625em;
  color: #732b76;
}
@media screen and (max-width: 1439px) {
  /* line 215, sass/page/_newsletter.scss */
  .result-blk__heading {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 215, sass/page/_newsletter.scss */
  .result-blk__heading {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 215, sass/page/_newsletter.scss */
  .result-blk__heading {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 215, sass/page/_newsletter.scss */
  .result-blk__heading {
    font-size: 1.375rem;
  }
}
/* line 237, sass/page/_newsletter.scss */
.newslt {
  font-size: 1.25rem;
}
@media screen and (max-width: 1439px) {
  /* line 237, sass/page/_newsletter.scss */
  .newslt {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 237, sass/page/_newsletter.scss */
  .newslt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 237, sass/page/_newsletter.scss */
  .newslt {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 237, sass/page/_newsletter.scss */
  .newslt {
    font-size: 0.8125rem;
  }
}
/* line 252, sass/page/_newsletter.scss */
.newslt--slide {
  padding: 0.5em 2em 0.5em 3em;
}
@media screen and (max-width: 767px) {
  /* line 252, sass/page/_newsletter.scss */
  .newslt--slide {
    font-size: 0.9375rem;
    padding: 0.66666667em 1.33333333em;
  }
}
/* line 262, sass/page/_newsletter.scss */
.newslt__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2em;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
/* line 270, sass/page/_newsletter.scss */
.newslt__img-w {
  width: 9.15em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 991px) {
  /* line 270, sass/page/_newsletter.scss */
  .newslt__img-w {
    width: 11.42857143em;
  }
}
@media screen and (max-width: 767px) {
  /* line 270, sass/page/_newsletter.scss */
  .newslt__img-w {
    width: 30%;
  }
}
/* line 282, sass/page/_newsletter.scss */
.newslt__img-l {
  position: relative;
  display: block;
}
/* line 288, sass/page/_newsletter.scss */
.newslt__img {
  width: 100%;
  -webkit-box-shadow: 0em 0.2em 0.3em rgba(0, 0, 0, 0.3);
  box-shadow: 0em 0.2em 0.3em rgba(0, 0, 0, 0.3);
}
/* line 294, sass/page/_newsletter.scss */
.newslt__body {
  padding: 1.2em 0.75em 1.2em 1.5em;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 294, sass/page/_newsletter.scss */
  .newslt__body {
    width: 70%;
    padding: 0.38461538em 0.38461538em 1.15384615em 1.53846154em;
  }
}
/* line 304, sass/page/_newsletter.scss */
.newslt__context {
  position: relative;
  display: block;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 313, sass/page/_newsletter.scss */
.newslt__context:before {
  position: absolute;
  top: 100%;
  left: -1.2em;
  visibility: hidden;
  width: 0.15em;
  height: 0;
  content: "";
  -webkit-transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, visibility 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s, visibility 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  background-color: #732b76;
}
/* line 330, sass/page/_newsletter.scss */
.newslt__context[href]:hover, .newslt__context[href]:focus {
  -webkit-transform: translate3d(1.2em, 0, 0);
  transform: translate3d(1.2em, 0, 0);
  color: #000000;
}
/* line 336, sass/page/_newsletter.scss */
.newslt__context[href]:hover:before, .newslt__context[href]:focus:before {
  top: 0;
  visibility: visible;
  height: 100%;
  opacity: 1;
}
/* line 346, sass/page/_newsletter.scss */
.newslt__context[href]:hover .newslt__issue, .newslt__context[href]:focus .newslt__issue {
  color: #000000;
}
/* line 352, sass/page/_newsletter.scss */
.newslt__issue {
  font-size: 1em;
  line-height: 1;
  margin-bottom: 0.75em;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-transform: uppercase;
  color: #585858;
}
/* line 364, sass/page/_newsletter.scss */
.newslt__title-w {
  margin-bottom: 0.8em;
}
/* line 367, sass/page/_newsletter.scss */
.newslt__title-w .newslt__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.25;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #000000;
}
/* line 380, sass/page/_newsletter.scss */
.newslt__desc {
  font-size: 1em;
  line-height: 1.2;
  display: block;
  margin-bottom: 1.2em;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 390, sass/page/_newsletter.scss */
.newslt--slide .newslt__desc {
  overflow: hidden;
  max-height: 133px;
  padding-bottom: 3px;
}
@media screen and (max-width: 1439px) {
  /* line 390, sass/page/_newsletter.scss */
  .newslt--slide .newslt__desc {
    max-height: 123px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 390, sass/page/_newsletter.scss */
  .newslt--slide .newslt__desc {
    max-height: 112px;
  }
}
@media screen and (max-width: 991px) {
  /* line 390, sass/page/_newsletter.scss */
  .newslt--slide .newslt__desc {
    max-height: 101px;
  }
}
/* line 408, sass/page/_newsletter.scss */
.newslt__btn-grp .btn, .newslt__btn-grp .fileinput-button {
  margin-right: 1em;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  /* line 408, sass/page/_newsletter.scss */
  .newslt__btn-grp .btn, .newslt__btn-grp .fileinput-button {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1439px) {
  /* line 414, sass/page/_newsletter.scss */
  .newslt--slide .newslt__btn-grp .btn, .newslt--slide .newslt__btn-grp .fileinput-button {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 414, sass/page/_newsletter.scss */
  .newslt--slide .newslt__btn-grp .btn, .newslt--slide .newslt__btn-grp .fileinput-button {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 414, sass/page/_newsletter.scss */
  .newslt--slide .newslt__btn-grp .btn, .newslt--slide .newslt__btn-grp .fileinput-button {
    font-size: 0.6rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 414, sass/page/_newsletter.scss */
  .newslt--slide .newslt__btn-grp .btn, .newslt--slide .newslt__btn-grp .fileinput-button {
    font-size: 0.71875rem;
  }
}
/* line 433, sass/page/_newsletter.scss */
.newsl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  /* line 433, sass/page/_newsletter.scss */
  .newsl {
    display: block;
  }
}
/* line 439, sass/page/_newsletter.scss */
.newsl__slider {
  position: relative;
  z-index: 1;
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 439, sass/page/_newsletter.scss */
  .newsl__slider {
    width: 100%;
    margin-bottom: 1.5625rem;
  }
}
/* line 452, sass/page/_newsletter.scss */
.newsl__content {
  position: relative;
  width: 50%;
}
@media screen and (max-width: 767px) {
  /* line 452, sass/page/_newsletter.scss */
  .newsl__content {
    width: 100%;
  }
}
/* line 462, sass/page/_newsletter.scss */
.newsl__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-animation: fadeInLeftMild 1.2s ease both;
  animation: fadeInLeftMild 1.2s ease both;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 474, sass/page/_newsletter.scss */
.stack {
  font-size: 1.25rem;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 1199px) {
  /* line 474, sass/page/_newsletter.scss */
  .stack {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 474, sass/page/_newsletter.scss */
  .stack {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 474, sass/page/_newsletter.scss */
  .stack {
    font-size: 0.875rem;
  }
}
/* line 489, sass/page/_newsletter.scss */
.stack__track {
  position: relative;
  padding-top: 75.79710145%;
}
/* line 495, sass/page/_newsletter.scss */
.stack__item {
  position: absolute;
  top: 0;
  right: 0;
  width: 53.62318841%;
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transition: -webkit-transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s, -webkit-transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-box-shadow: 0rem 0.1875rem 0.25rem rgba(0, 0, 0, 0.3);
  box-shadow: 0rem 0.1875rem 0.25rem rgba(0, 0, 0, 0.3);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* line 509, sass/page/_newsletter.scss */
.stack__item:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  transition: background-color 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
  background-color: rgba(0, 0, 0, 0.3);
}
/* line 523, sass/page/_newsletter.scss */
.stack__item[data-order="1"] {
  z-index: 5;
  -webkit-transform: translateX(0) perspective(1px);
  transform: translateX(0) perspective(1px);
  -webkit-box-shadow: 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.45);
  box-shadow: 0rem 0.5rem 0.625rem rgba(0, 0, 0, 0.45);
}
/* line 530, sass/page/_newsletter.scss */
.stack__item[data-order="1"]:before {
  background-color: transparent;
}
/* line 535, sass/page/_newsletter.scss */
.stack__item[data-order="2"] {
  z-index: 4;
  -webkit-transform: translate3d(-40.28985507%, 0, 0) scale(0.87027027) perspective(1px);
  transform: translate3d(-40.28985507%, 0, 0) scale(0.87027027) perspective(1px);
}
/* line 541, sass/page/_newsletter.scss */
.stack__item[data-order="3"] {
  z-index: 3;
  -webkit-transform: translate3d(-71.01449275%, 0, 0) scale(0.83783784) perspective(1px);
  transform: translate3d(-71.01449275%, 0, 0) scale(0.83783784) perspective(1px);
}
/* line 547, sass/page/_newsletter.scss */
.stack__item[data-order="4"] {
  z-index: 2;
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.80810811) perspective(1px);
  transform: translate3d(-100%, 0, 0) scale(0.80810811) perspective(1px);
}
/* line 553, sass/page/_newsletter.scss */
.stack__item:nth-child(n+5) {
  -webkit-transform: translate3d(-1000px, 0, 0) scale(0.80810811) perspective(1px);
  transform: translate3d(-1000px, 0, 0) scale(0.80810811) perspective(1px);
}
/* line 558, sass/page/_newsletter.scss */
.stack__arrow {
  position: absolute;
  z-index: 9999;
  top: 50%;
  width: 3.2em;
  height: 3.2em;
  margin-top: -1.6em;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-align: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 767px) {
  /* line 558, sass/page/_newsletter.scss */
  .stack__arrow {
    width: 2.3em;
    height: 2.3em;
    margin-top: -1.15em;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  }
}
/* line 580, sass/page/_newsletter.scss */
.stack__arrow:before {
  font-family: icomoon;
  display: inline-block;
  vertical-align: top;
  *display: inline;
  *zoom: 1;
  font-size: 1.65em;
  font-weight: 700;
  line-height: 1;
  position: relative;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #732b76;
}
@media screen and (max-width: 767px) {
  /* line 580, sass/page/_newsletter.scss */
  .stack__arrow:before {
    font-size: 1.2em;
  }
}
@media screen and (min-width: 992px) {
  /* line 599, sass/page/_newsletter.scss */
  .stack__arrow:hover {
    background-color: #F8F8F8;
  }
}
/* line 604, sass/page/_newsletter.scss */
.stack__arrow:active {
  opacity: .5;
}
/* line 608, sass/page/_newsletter.scss */
.stack__arrow--next {
  left: -0.75em;
}
/* line 611, sass/page/_newsletter.scss */
.stack__arrow--next:before {
  content: "";
}
/* line 615, sass/page/_newsletter.scss */
.stack__arrow--next:hover {
  -webkit-box-shadow: -3px 0 10px rgba(0, 0, 0, 0.35);
  box-shadow: -3px 0 10px rgba(0, 0, 0, 0.35);
}
/* line 619, sass/page/_newsletter.scss */
.stack__arrow--prev {
  right: -2em;
}
@media screen and (max-width: 767px) {
  /* line 619, sass/page/_newsletter.scss */
  .stack__arrow--prev {
    right: -0.75em;
  }
}
/* line 626, sass/page/_newsletter.scss */
.stack__arrow--prev:before {
  content: "";
}
/* line 630, sass/page/_newsletter.scss */
.stack__arrow--prev:hover {
  -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, 0.35);
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.35);
}
/* line 638, sass/page/_newsletter.scss */
.cover__img {
  width: 100%;
  height: 100%;
}
/* line 1, sass/page/_smart.scss */
.smart-kv {
  position: relative;
  z-index: 0;
  max-width: 1680px;
  margin-top: 0.0625rem;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_smart.scss */
  .smart-kv {
    margin-top: 0.9375rem;
  }
}
/* line 13, sass/page/_smart.scss */
.smart-kv__wrap {
  position: relative;
  padding-top: 35.71428571%;
  -webkit-transition: padding 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: padding 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1199px) {
  /* line 13, sass/page/_smart.scss */
  .smart-kv__wrap {
    padding-top: 40%;
  }
}
@media screen and (max-width: 991px) {
  /* line 13, sass/page/_smart.scss */
  .smart-kv__wrap {
    padding-top: 45%;
  }
}
@media screen and (max-width: 767px) {
  /* line 13, sass/page/_smart.scss */
  .smart-kv__wrap {
    padding-top: 110%;
  }
}
/* line 30, sass/page/_smart.scss */
.smart-kv__body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 39, sass/page/_smart.scss */
.smart-kv__inner {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 53, sass/page/_smart.scss */
.smart-kv__inner.right-dimming .smart-kv__bgitem:before {
  background-color: rgba(0, 0, 0, 0.6);
}
/* line 57, sass/page/_smart.scss */
.smart-kv__inner.right-dimming .smart-kv__shaper-left {
  -webkit-box-shadow: 0rem 0rem 2.5rem rgba(0, 0, 0, 0.8);
  box-shadow: 0rem 0rem 2.5rem rgba(0, 0, 0, 0.8);
}
/* line 60, sass/page/_smart.scss */
.smart-kv__inner.right-dimming .smart-kv__shaper-left .smart-kv__bgitem:before {
  background-color: rgba(0, 0, 0, 0);
}
/* line 65, sass/page/_smart.scss */
.smart-kv__inner.right-dimming + .smart-kv__ol .smart-kv__ol-txt--left {
  text-shadow: 0.25rem 0.25rem 0.75rem black;
}
/* line 71, sass/page/_smart.scss */
.smart-kv__inner.left-dimming .smart-kv__bgitem:before {
  background-color: rgba(0, 0, 0, 0.65);
}
/* line 76, sass/page/_smart.scss */
.smart-kv__inner.left-dimming .smart-kv__shaper-right .smart-kv__bgitem:before {
  background-color: rgba(0, 0, 0, 0);
}
/* line 81, sass/page/_smart.scss */
.smart-kv__inner.left-dimming + .smart-kv__ol .smart-kv__ol-txt--right {
  text-shadow: 0.25rem 0.25rem 0.75rem black;
}
/* line 88, sass/page/_smart.scss */
.smart-kv__shaper-left {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 50%;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-box-shadow 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-box-shadow 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: box-shadow 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-box-shadow 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: skew(-25deg);
  -ms-transform: skew(-25deg);
  transform: skew(-25deg);
  -webkit-box-shadow: 0rem 0rem 2.5rem rgba(0, 0, 0, 0.1);
  box-shadow: 0rem 0rem 2.5rem rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 767px) {
  /* line 88, sass/page/_smart.scss */
  .smart-kv__shaper-left {
    -webkit-transform: skew(-14deg);
    -ms-transform: skew(-14deg);
    transform: skew(-14deg);
  }
}
/* line 108, sass/page/_smart.scss */
.smart-kv__shaper-left .smart-kv__shaper-inner {
  position: absolute;
  top: 0;
  left: 25%;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: skew(25deg);
  -ms-transform: skew(25deg);
  transform: skew(25deg);
}
@media screen and (max-width: 767px) {
  /* line 108, sass/page/_smart.scss */
  .smart-kv__shaper-left .smart-kv__shaper-inner {
    left: 14%;
    -webkit-transform: skew(14deg);
    -ms-transform: skew(14deg);
    transform: skew(14deg);
  }
}
/* line 126, sass/page/_smart.scss */
.smart-kv__shaper-right {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -1px;
  display: block;
  width: 100%;
  height: 100%;
}
/* line 137, sass/page/_smart.scss */
.smart-kv__shaper-right:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: rgba(0, 0, 0, 0.3);
}
/* line 151, sass/page/_smart.scss */
.smart-kv__shaper-right .smart-kv__shaper-inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 25%;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  /* line 151, sass/page/_smart.scss */
  .smart-kv__shaper-right .smart-kv__shaper-inner {
    left: 14%;
  }
}
/* line 171, sass/page/_smart.scss */
.smart-kv__bgitem {
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* line 189, sass/page/_smart.scss */
.smart-kv__bgitem:before {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  -webkit-transition: background-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: black;
}
/* line 204, sass/page/_smart.scss */
.smart-kv__ol {
  font-size: 1.875rem;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.33333333em 5em 0 3.33333333em;
  pointer-events: none;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 1439px) {
  /* line 204, sass/page/_smart.scss */
  .smart-kv__ol {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 204, sass/page/_smart.scss */
  .smart-kv__ol {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 204, sass/page/_smart.scss */
  .smart-kv__ol {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 204, sass/page/_smart.scss */
  .smart-kv__ol {
    font-size: 1.125rem;
    bottom: 0;
    padding: 1.33333333em 1.11111111em 3.88888889em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
/* line 242, sass/page/_smart.scss */
.smart-kv__ol-heading {
  position: relative;
  margin-bottom: 2.2em;
  pointer-events: none !important;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 242, sass/page/_smart.scss */
  .smart-kv__ol-heading {
    margin-top: 1.25rem;
    margin-bottom: 0.3125rem;
  }
}
/* line 255, sass/page/_smart.scss */
.smart-kv__ol-heading:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0.125rem;
  content: "";
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.5);
  box-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.5);
}
/* line 270, sass/page/_smart.scss */
.smart-kv__ol-heading:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.125rem;
  content: "";
  -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.5);
  box-shadow: 0rem 0rem 0.375rem rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 991px) {
  /* line 270, sass/page/_smart.scss */
  .smart-kv__ol-heading:after {
    height: 0.125rem;
  }
}
/* line 288, sass/page/_smart.scss */
.aos-animate .smart-kv__ol-heading:before {
  -webkit-animation: fadeInLeft 1.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.5s both;
  animation: fadeInLeft 1.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.5s both;
}
/* line 291, sass/page/_smart.scss */
.aos-animate .smart-kv__ol-heading:after {
  -webkit-animation: fadeInRight 1.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.5s both;
  animation: fadeInRight 1.4s cubic-bezier(0.6, -0.4, 0.3, 1.4) 0.5s both;
}
/* line 296, sass/page/_smart.scss */
.smart-kv__ol-txt {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  font-size: 4.375rem;
  font-weight: 700;
  font-style: italic;
  position: relative;
  z-index: 2;
  margin: 0 1.42857143em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: text-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: text-shadow 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none !important;
  color: #ffffff;
  text-shadow: -0.01428571em -0.01428571em 0.14285714em rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 1439px) {
  /* line 296, sass/page/_smart.scss */
  .smart-kv__ol-txt {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 296, sass/page/_smart.scss */
  .smart-kv__ol-txt {
    font-size: 3.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 296, sass/page/_smart.scss */
  .smart-kv__ol-txt {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 296, sass/page/_smart.scss */
  .smart-kv__ol-txt {
    font-size: 1.4375rem;
    font-size: 7.1875vw;
    margin: 0 0.65217391em;
    padding: 0.2173913em 0;
  }
}
/* line 332, sass/page/_smart.scss */
.smart-kv__shaper-left .smart-kv__ol-txt {
  margin-top: -3.125rem;
}
@media screen and (max-width: 991px) {
  /* line 332, sass/page/_smart.scss */
  .smart-kv__shaper-left .smart-kv__ol-txt {
    margin-top: -0.9375rem;
  }
}
/* line 339, sass/page/_smart.scss */
.smart-kv__shaper-right .smart-kv__ol-txt {
  margin-top: 3.125rem;
}
@media screen and (max-width: 991px) {
  /* line 339, sass/page/_smart.scss */
  .smart-kv__shaper-right .smart-kv__ol-txt {
    margin-top: 0.9375rem;
  }
}
/* line 347, sass/page/_smart.scss */
.smart-kv__ol-content {
  width: 70%;
  margin-left: 0.66666667em;
  text-align: center;
  pointer-events: none;
  color: #ffffff;
  text-shadow: 0em 0em 0.33333333em rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 991px) {
  /* line 347, sass/page/_smart.scss */
  .smart-kv__ol-content {
    width: 100%;
    margin-left: 0;
    padding: 0 0.9375rem;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
/* line 365, sass/page/_smart.scss */
.smart-kv__ol-row1 {
  font-size: 1em;
  font-weight: 700;
  pointer-events: none !important;
}
/* line 371, sass/page/_smart.scss */
.smart-kv__ol-row2 {
  font-size: 0.66666667em;
  font-weight: 600;
  pointer-events: none !important;
}
/* line 378, sass/page/_smart.scss */
.smart-kv__btn-skip {
  font-size: 2.5rem;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0.45em;
  left: 0;
  display: block;
  width: 1em;
  margin: 0 auto;
  -webkit-transition: all .5s;
  transition: all .5s;
  color: #ffffff;
}
@media screen and (max-width: 1199px) {
  /* line 378, sass/page/_smart.scss */
  .smart-kv__btn-skip {
    font-size: 2.1875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 378, sass/page/_smart.scss */
  .smart-kv__btn-skip {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 378, sass/page/_smart.scss */
  .smart-kv__btn-skip {
    font-size: 1.625rem;
    bottom: 0.19230769em;
  }
}
/* line 409, sass/page/_smart.scss */
.smart-kv__btn-skip .path1:before {
  text-shadow: 0rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.6);
}
/* line 413, sass/page/_smart.scss */
.smart-kv__btn-skip .path2:before {
  text-shadow: 0rem 0rem 0.125rem rgba(0, 0, 0, 0.6);
}
/* line 417, sass/page/_smart.scss */
.smart-kv__btn-skip:hover, .smart-kv__btn-skip:focus {
  color: #ffffff;
}
/* line 425, sass/page/_smart.scss */
.smart-slider {
  font-size: 1.25rem;
  max-width: 1680px;
  margin: 2.5em 0 2.5em auto;
}
@media screen and (max-width: 1199px) {
  /* line 425, sass/page/_smart.scss */
  .smart-slider {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 425, sass/page/_smart.scss */
  .smart-slider {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 425, sass/page/_smart.scss */
  .smart-slider {
    font-size: 0.875rem;
  }
}
/* line 440, sass/page/_smart.scss */
.smart-slider__item {
  position: relative;
  z-index: 0;
  width: 100%;
}
/* line 447, sass/page/_smart.scss */
.smart-slider__item--purple .smart-slider__ol-inner {
  background-color: rgba(119, 67, 167, 0.9);
}
/* line 453, sass/page/_smart.scss */
.smart-slider__item--green .smart-slider__ol-inner {
  background-color: rgba(21, 137, 69, 0.9);
}
/* line 459, sass/page/_smart.scss */
.smart-slider__item--dirgreen .smart-slider__ol-inner {
  background-color: rgba(67, 117, 30, 0.9);
}
/* line 465, sass/page/_smart.scss */
.smart-slider__item--blue .smart-slider__ol-inner {
  background-color: rgba(27, 76, 195, 0.9);
}
/* line 471, sass/page/_smart.scss */
.smart-slider__item--orange .smart-slider__ol-inner {
  background-color: rgba(230, 106, 63, 0.9);
}
/* line 477, sass/page/_smart.scss */
.smart-slider__item--black .smart-slider__ol-inner {
  background-color: rgba(0, 0, 0, 0.9);
}
/* line 483, sass/page/_smart.scss */
.smart-slider__item--white .smart-slider__ol-inner {
  background-color: rgba(255, 255, 255, 0.9);
}
/* line 486, sass/page/_smart.scss */
.smart-slider__item--white .smart-slider__ol-heading {
  color: #732b76;
}
/* line 489, sass/page/_smart.scss */
.smart-slider__item--white .smart-slider__ol-desc {
  color: #732b76;
}
/* line 498, sass/page/_smart.scss */
.smart-slider__img-c {
  position: relative;
  padding-top: 39.47368421%;
}
/* line 508, sass/page/_smart.scss */
.smart-slider__ol {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 29.60526316%;
  max-height: 90%;
  margin: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 524, sass/page/_smart.scss */
.slick-initialized .slick-current .smart-slider__ol {
  -webkit-animation: fadeInLeftMild 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: fadeInLeftMild 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@media screen and (max-width: 767px) {
  /* line 524, sass/page/_smart.scss */
  .slick-initialized .slick-current .smart-slider__ol {
    -webkit-animation: fadeIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: fadeIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
}
@media screen and (max-width: 991px) {
  /* line 508, sass/page/_smart.scss */
  .smart-slider__ol {
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  /* line 508, sass/page/_smart.scss */
  .smart-slider__ol {
    position: static;
    left: auto;
    display: block;
    width: 100%;
    max-height: none;
  }
}
/* line 544, sass/page/_smart.scss */
.smart-slider__ol-inner {
  overflow: hidden;
  max-height: 340px;
  padding: 1.4em 2em 1.5em 2.5em;
  background-color: rgba(115, 43, 118, 0.9);
  -webkit-box-shadow: 0rem 0.0625rem 0.625rem rgba(0, 0, 0, 0.2);
  box-shadow: 0rem 0.0625rem 0.625rem rgba(0, 0, 0, 0.2);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 1199px) {
  /* line 544, sass/page/_smart.scss */
  .smart-slider__ol-inner {
    max-height: 290px;
    padding: 1.2em 1.6em 1.15em 1.75em;
  }
}
@media screen and (max-width: 991px) {
  /* line 544, sass/page/_smart.scss */
  .smart-slider__ol-inner {
    max-height: 270px;
  }
}
@media screen and (max-width: 767px) {
  /* line 544, sass/page/_smart.scss */
  .smart-slider__ol-inner {
    max-height: 150px;
    padding: 1.14285714em 1.07142857em 1em;
  }
}
/* line 567, sass/page/_smart.scss */
.smart-slider__ol-heading {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.15;
  margin-bottom: 0.22222222em;
  text-indent: -0.08333333em;
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  /* line 567, sass/page/_smart.scss */
  .smart-slider__ol-heading {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 767px) {
  /* line 567, sass/page/_smart.scss */
  .smart-slider__ol-heading {
    font-size: 1.28571429em;
    font-weight: 600;
    margin-bottom: 0.33333333em;
  }
}
/* line 589, sass/page/_smart.scss */
.smart-slider__ol-desc {
  font-size: 1em;
  font-weight: 400;
  color: #ffffff;
}
/* line 599, sass/page/_smart.scss */
.smart-bg-color-1 {
  background-color: #621c65;
}
/* line 602, sass/page/_smart.scss */
.smart-bg-color-2 {
  background-color: #6BA025;
}
/* line 605, sass/page/_smart.scss */
.smart-bg-color-3 {
  background-color: #039CE4;
}
/* line 608, sass/page/_smart.scss */
.smart-bg-color-4 {
  background-color: #E66A3F;
}
/* line 611, sass/page/_smart.scss */
.smart-bg-color-5 {
  background-color: #D051A8;
}
/* line 615, sass/page/_smart.scss */
.smart-dark-color-1, .smart-tabs__item:nth-child(1) .smart-tabs__link:after {
  background-color: #4c194e;
}
/* line 618, sass/page/_smart.scss */
.smart-dark-color-2, .smart-tabs__item:nth-child(2) .smart-tabs__link:after {
  background-color: #547717;
}
/* line 621, sass/page/_smart.scss */
.smart-dark-color-3, .smart-tabs__item:nth-child(3) .smart-tabs__link:after {
  background-color: #007FBA;
}
/* line 624, sass/page/_smart.scss */
.smart-dark-color-4, .smart-tabs__item:nth-child(4) .smart-tabs__link:after {
  background-color: #C5481D;
}
/* line 627, sass/page/_smart.scss */
.smart-dark-color-5, .smart-tabs__item:nth-child(5) .smart-tabs__link:after {
  background-color: #B3338B;
}
/* line 631, sass/page/_smart.scss */
.smart-tabs {
  font-size: 1.5rem;
  max-width: 1680px;
  margin-bottom: 2.08333333em;
  margin-left: auto;
  padding-right: 1.25em;
}
@media screen and (max-width: 767px) {
  /* line 631, sass/page/_smart.scss */
  .smart-tabs {
    padding-right: 0;
  }
}
/* line 646, sass/page/_smart.scss */
.smart-tabs__upper {
  position: relative;
  padding-top: 17.44966443%;
}
/* line 652, sass/page/_smart.scss */
.smart-tabs__navs {
  margin-bottom: 0;
}
/* line 658, sass/page/_smart.scss */
.smart-tabs__item {
  position: absolute;
  overflow: hidden;
  width: 20%;
}
/* line 671, sass/page/_smart.scss */
.smart-tabs--min .smart-tabs__item {
  top: auto !important;
  bottom: 0 !important;
  height: 20px;
}
/* line 678, sass/page/_smart.scss */
.smart-tabs__item.active {
  height: auto !important;
}
/* line 682, sass/page/_smart.scss */
.smart-tabs__item:nth-child(1) {
  top: 0;
  left: 0;
}
/* line 690, sass/page/_smart.scss */
.smart-tabs__item:nth-child(2) {
  top: 0;
  left: 20%;
}
/* line 698, sass/page/_smart.scss */
.smart-tabs__item:nth-child(3) {
  top: 25%;
  left: 40%;
}
/* line 706, sass/page/_smart.scss */
.smart-tabs__item:nth-child(4) {
  top: 25%;
  left: 60%;
}
/* line 714, sass/page/_smart.scss */
.smart-tabs__item:nth-child(5) {
  top: 25%;
  left: 80%;
}
/* line 724, sass/page/_smart.scss */
.smart-tabs__item.active .smart-tabs__link:after {
  display: block;
}
/* line 730, sass/page/_smart.scss */
.smart-tabs__link {
  position: relative;
  display: block;
  -webkit-transition: text-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: text-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
}
/* line 743, sass/page/_smart.scss */
.smart-tabs__link:focus:after {
  display: block;
}
/* line 748, sass/page/_smart.scss */
.smart-tabs__link:hover, .smart-tabs__link:focus {
  text-shadow: 0 0 0.3125rem rgba(255, 255, 255, 0.6);
}
/* line 753, sass/page/_smart.scss */
.smart-tabs__link:after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 0.5rem;
  content: "";
  -webkit-animation: fadeInLeft 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: fadeInLeft 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: transparent;
}
@media screen and (max-width: 1439px) {
  /* line 753, sass/page/_smart.scss */
  .smart-tabs__link:after {
    height: 0.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 753, sass/page/_smart.scss */
  .smart-tabs__link:after {
    height: 0.3125rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 753, sass/page/_smart.scss */
  .smart-tabs__link:after {
    height: 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 753, sass/page/_smart.scss */
  .smart-tabs__link:after {
    height: 0.125rem;
  }
}
/* line 783, sass/page/_smart.scss */
.smart-tabs__content {
  padding: 0;
}
/* line 789, sass/page/_smart.scss */
.smart-nav {
  font-size: 1.5rem;
  line-height: 1.25;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 1.51041667vw 0.78125vw 1.82291667vw 1.25vw;
  color: #ffffff;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 789, sass/page/_smart.scss */
  .smart-nav {
    padding: 3.125vw 1.25vw 2.5vw;
  }
}
/* line 808, sass/page/_smart.scss */
.smart-nav__letter {
  font-size: 5em;
  font-size: calc(20px + 5.20833333vw);
  line-height: .8;
  display: block;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 808, sass/page/_smart.scss */
  .smart-nav__letter {
    font-size: 1.1875rem;
    font-size: calc(1px + 5.625vw);
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
/* line 826, sass/page/_smart.scss */
.smart-nav__namegrp {
  display: block;
  margin-left: 0.52083333vw;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 826, sass/page/_smart.scss */
  .smart-nav__namegrp {
    line-height: 1.1;
  }
}
/* line 839, sass/page/_smart.scss */
.smart-nav__name {
  font-size: 1em;
  font-size: calc(4px + 1.04166667vw);
  font-weight: 600;
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 839, sass/page/_smart.scss */
  .smart-nav__name {
    font-size: 0.375rem;
    font-size: 1.8125vw;
  }
}
/* line 852, sass/page/_smart.scss */
.smart-nav__name:first-child:first-letter {
  font-size: 0;
}
/* line 861, sass/page/_smart.scss */
.smart-lt {
  font-size: 1.125rem;
  max-width: 1680px;
  margin-left: auto;
}
@media screen and (max-width: 1439px) {
  /* line 861, sass/page/_smart.scss */
  .smart-lt {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 861, sass/page/_smart.scss */
  .smart-lt {
    font-size: 0.875rem;
  }
}
/* line 873, sass/page/_smart.scss */
.smart-lt__wrap {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
/* line 880, sass/page/_smart.scss */
.smart-lt__img-w {
  position: relative;
  z-index: 0;
  padding-top: 33.55704698%;
}
/* line 887, sass/page/_smart.scss */
.smart-lt__img-c {
  background-color: #f3f5f8;
}
/* line 895, sass/page/_smart.scss */
.smart-lt__body {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: -1px;
  left: 0;
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 767px) {
  /* line 895, sass/page/_smart.scss */
  .smart-lt__body {
    position: static;
  }
}
/* line 912, sass/page/_smart.scss */
.smart-lt__context {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 41.87919463%;
  padding: 2.68456376% 6.7114094%;
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  /* line 912, sass/page/_smart.scss */
  .smart-lt__context {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  /* line 912, sass/page/_smart.scss */
  .smart-lt__context {
    position: static;
    width: 100%;
    padding: 12.5vw 9.375vw 7.8125vw;
  }
  /* line 936, sass/page/_smart.scss */
  .smart-lt--5 .smart-lt__context {
    padding-top: 9.375vw;
  }
  /* line 940, sass/page/_smart.scss */
  .smart-box-color-1 .smart-lt__context {
    background-color: rgba(98, 28, 101, 0.05);
  }
  /* line 943, sass/page/_smart.scss */
  .smart-box-color-2 .smart-lt__context {
    background-color: rgba(107, 160, 37, 0.05);
  }
  /* line 946, sass/page/_smart.scss */
  .smart-box-color-3 .smart-lt__context {
    background-color: rgba(3, 156, 228, 0.05);
  }
  /* line 949, sass/page/_smart.scss */
  .smart-box-color-4 .smart-lt__context {
    background-color: rgba(230, 106, 63, 0.05);
  }
  /* line 952, sass/page/_smart.scss */
  .smart-box-color-5 .smart-lt__context {
    background-color: rgba(208, 81, 168, 0.05);
  }
}
/* line 957, sass/page/_smart.scss */
.smart-lt--right .smart-lt__context {
  right: 0;
  left: auto;
}
/* line 963, sass/page/_smart.scss */
.smart-lt__inner {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 967, sass/page/_smart.scss */
.smart-lt__heading {
  position: relative;
  margin-left: 1.66666667em;
}
/* line 972, sass/page/_smart.scss */
.smart-box-color-1 .smart-lt__heading {
  color: #621c65;
}
/* line 975, sass/page/_smart.scss */
.smart-box-color-2 .smart-lt__heading {
  color: #6BA025;
}
/* line 978, sass/page/_smart.scss */
.smart-box-color-3 .smart-lt__heading {
  color: #039CE4;
}
/* line 981, sass/page/_smart.scss */
.smart-box-color-4 .smart-lt__heading {
  color: #E66A3F;
}
/* line 984, sass/page/_smart.scss */
.smart-box-color-5 .smart-lt__heading {
  color: #D051A8;
}
/* line 989, sass/page/_smart.scss */
.smart-lt__letter {
  font-size: 6.66666667em;
  font-size: calc(20px + 5.20833333vw);
  line-height: 1;
  position: absolute;
  right: 100%;
  bottom: 100%;
  margin-bottom: -2.8vw;
  letter-spacing: 3px;
}
/* line 1002, sass/page/_smart.scss */
.smart-lt--5 .smart-lt__letter {
  margin-bottom: -5.2vw;
}
@media screen and (max-width: 991px) {
  /* line 989, sass/page/_smart.scss */
  .smart-lt__letter {
    font-size: 3.85714286em;
    font-size: calc(4px + 6.51041667vw);
    margin-bottom: -3vw;
  }
}
@media screen and (max-width: 767px) {
  /* line 989, sass/page/_smart.scss */
  .smart-lt__letter {
    font-size: 2.71428571em;
    font-size: calc(14px + 7.5vw);
    margin-bottom: -4.5vw;
  }
  /* line 1017, sass/page/_smart.scss */
  .smart-lt--5 .smart-lt__letter {
    margin-bottom: -7vw;
  }
}
/* line 1023, sass/page/_smart.scss */
.smart-lt__namegrp {
  display: block;
  margin-bottom: 0.83333333em;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 1023, sass/page/_smart.scss */
  .smart-lt__namegrp {
    margin-bottom: 0.42857143em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1023, sass/page/_smart.scss */
  .smart-lt__namegrp {
    margin-bottom: 0.71428571em;
  }
}
/* line 1038, sass/page/_smart.scss */
.smart-lt__name {
  font-size: 2.22222222em;
  font-size: calc(4px + 1.875vw);
  line-height: 1.1;
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 1038, sass/page/_smart.scss */
  .smart-lt__name {
    font-size: 1.28571429em;
    font-size: calc(4px + 1.82291667vw);
  }
}
@media screen and (max-width: 991px) {
  /* line 1038, sass/page/_smart.scss */
  .smart-lt__name {
    font-size: calc(4px + 2.5vw);
    line-height: 1.3;
  }
}
/* line 1053, sass/page/_smart.scss */
.smart-lt__name:first-child {
  font-weight: 700;
}
/* line 1056, sass/page/_smart.scss */
.smart-lt__name:first-child:first-letter {
  font-size: 0;
}
/* line 1062, sass/page/_smart.scss */
.smart-lt__content {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.33333333;
  overflow: hidden;
  max-height: 146px;
  margin-bottom: 1.66666667em;
  color: #000000;
}
@media screen and (max-width: 1439px) {
  /* line 1062, sass/page/_smart.scss */
  .smart-lt__content {
    max-height: 105px;
  }
}
@media screen and (max-width: 991px) {
  /* line 1062, sass/page/_smart.scss */
  .smart-lt__content {
    max-height: 72px;
    margin-bottom: 1.28571429em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1062, sass/page/_smart.scss */
  .smart-lt__content {
    max-height: 90px;
  }
}
/* line 1089, sass/page/_smart.scss */
.smart-dhl {
  font-size: 1.125rem;
  margin: 0 0 2.77777778em;
}
@media screen and (max-width: 1439px) {
  /* line 1089, sass/page/_smart.scss */
  .smart-dhl {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1089, sass/page/_smart.scss */
  .smart-dhl {
    font-size: 0.875rem;
  }
}
/* line 1100, sass/page/_smart.scss */
.smart-dhl__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 1106, sass/page/_smart.scss */
.smart-dhl--left .smart-dhl__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  /* line 1106, sass/page/_smart.scss */
  .smart-dhl--left .smart-dhl__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
/* line 1114, sass/page/_smart.scss */
.smart-dhl__img-w {
  position: relative;
  width: 43.47826087%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  /* line 1114, sass/page/_smart.scss */
  .smart-dhl__img-w {
    width: 100%;
  }
}
/* line 1125, sass/page/_smart.scss */
.smart-dhl__img {
  max-width: 100%;
}
/* line 1129, sass/page/_smart.scss */
.smart-dhl__body {
  width: 56.52173913%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 767px) {
  /* line 1129, sass/page/_smart.scss */
  .smart-dhl__body {
    width: 100%;
  }
}
/* line 1138, sass/page/_smart.scss */
.smart-dhl__inner {
  padding: 1.66666667em 1.66666667em 1.55555556em 2.22222222em;
}
@media screen and (max-width: 767px) {
  /* line 1138, sass/page/_smart.scss */
  .smart-dhl__inner {
    padding-top: 0;
  }
}
/* line 1144, sass/page/_smart.scss */
.smart-dhl--left .smart-dhl__inner {
  padding-left: 0;
}
/* line 1149, sass/page/_smart.scss */
.smart-dhl__heading {
  position: relative;
}
/* line 1152, sass/page/_smart.scss */
.smart-theme--1 .smart-dhl__heading {
  color: #621c65;
}
/* line 1155, sass/page/_smart.scss */
.smart-theme--2 .smart-dhl__heading {
  color: #6BA025;
}
/* line 1158, sass/page/_smart.scss */
.smart-theme--3 .smart-dhl__heading {
  color: #039CE4;
}
/* line 1161, sass/page/_smart.scss */
.smart-theme--4 .smart-dhl__heading {
  color: #E66A3F;
}
/* line 1164, sass/page/_smart.scss */
.smart-theme--5 .smart-dhl__heading {
  color: #D051A8;
}
/* line 1170, sass/page/_smart.scss */
.smart-dhl__namegrp {
  line-height: 1;
  display: block;
  margin-right: -0.625rem;
  margin-bottom: 1.33333333em;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 1170, sass/page/_smart.scss */
  .smart-dhl__namegrp {
    margin-bottom: 0.42857143em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1170, sass/page/_smart.scss */
  .smart-dhl__namegrp {
    margin-bottom: 0.71428571em;
  }
}
/* line 1188, sass/page/_smart.scss */
.smart-dhl__name {
  display: inline-block;
  vertical-align: baseline;
  *display: inline;
  *zoom: 1;
  font-size: 2.22222222em;
  margin-right: 0.625rem;
}
@media screen and (max-width: 1199px) {
  /* line 1188, sass/page/_smart.scss */
  .smart-dhl__name {
    font-size: 1.875em;
  }
}
@media screen and (max-width: 991px) {
  /* line 1188, sass/page/_smart.scss */
  .smart-dhl__name {
    font-size: 1.71428571em;
  }
}
@media screen and (max-width: 767px) {
  /* line 1188, sass/page/_smart.scss */
  .smart-dhl__name {
    font-size: 1.57142857em;
  }
}
/* line 1204, sass/page/_smart.scss */
.smart-dhl__name:first-child {
  font-weight: 700;
  text-transform: uppercase;
}
/* line 1209, sass/page/_smart.scss */
.smart-dhl__name:first-child:first-letter {
  font-size: 275%;
  font-weight: 400;
}
/* line 1216, sass/page/_smart.scss */
.smart-dhl__content {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.33333333;
  color: #000000;
}
/* line 1228, sass/page/_smart.scss */
.smart-tabs-min-wrap {
  position: relative;
  padding-top: 6.25rem;
}
/* line 1235, sass/page/_smart.scss */
.smart-tabs-min {
  font-size: 1.5rem;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
}
/* line 1245, sass/page/_smart.scss */
.smart-tabs-min--fixed {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 0;
}
/* line 1255, sass/page/_smart.scss */
.smart-tabs-min__navs {
  position: relative;
  margin-bottom: 0;
  padding-top: 3.94736842%;
}
/* line 1267, sass/page/_smart.scss */
.smart-tabs-min__item {
  position: absolute;
  bottom: 0;
  width: 20%;
}
/* line 1275, sass/page/_smart.scss */
.smart-tabs-min__item:nth-child(1) {
  left: 0;
}
/* line 1278, sass/page/_smart.scss */
.smart-tabs-min__item:nth-child(2) {
  left: 20%;
}
/* line 1281, sass/page/_smart.scss */
.smart-tabs-min__item:nth-child(3) {
  left: 40%;
}
/* line 1284, sass/page/_smart.scss */
.smart-tabs-min__item:nth-child(4) {
  left: 60%;
}
/* line 1287, sass/page/_smart.scss */
.smart-tabs-min__item:nth-child(5) {
  left: 80%;
}
/* line 1292, sass/page/_smart.scss */
.smart-tabs-min__link {
  display: block;
  min-height: 20px;
}
@media screen and (max-width: 767px) {
  /* line 1292, sass/page/_smart.scss */
  .smart-tabs-min__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
/* line 1305, sass/page/_smart.scss */
.smart-tabs-min__inner {
  padding: 0;
  -webkit-transition: padding 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: padding 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 1310, sass/page/_smart.scss */
.smart-tabs-min__link:hover .smart-tabs-min__inner,
.smart-tabs-min__link:focus .smart-tabs-min__inner,
.active .smart-tabs-min__inner {
  padding: 0.625rem 0.9375rem 0.5rem;
}
@media screen and (max-width: 991px) {
  /* line 1305, sass/page/_smart.scss */
  .smart-tabs-min__inner {
    padding: 0.625rem 0.3125rem 0.5rem 0.5rem !important;
  }
}
@media screen and (max-width: 767px) {
  /* line 1305, sass/page/_smart.scss */
  .smart-tabs-min__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 3.125vw 1.5625vw !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}
/* line 1330, sass/page/_smart.scss */
.smart-tabs-min__letter {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 1330, sass/page/_smart.scss */
  .smart-tabs-min__letter {
    font-size: 1rem;
    font-size: calc(1px + 4.6875vw);
    display: block;
    margin-right: 0.3125vw;
    color: #ffffff;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
}
/* line 1346, sass/page/_smart.scss */
.smart-tabs-min__namegrp {
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -0.35714286em;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 1346, sass/page/_smart.scss */
  .smart-tabs-min__namegrp {
    margin-right: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
/* line 1362, sass/page/_smart.scss */
.smart-tabs-min__name {
  font-size: 0;
  margin-right: 0.35714286em;
  -webkit-transition: font-size 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: font-size 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: #ffffff;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
@media screen and (max-width: 991px) {
  /* line 1362, sass/page/_smart.scss */
  .smart-tabs-min__name {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1362, sass/page/_smart.scss */
  .smart-tabs-min__name {
    font-size: calc(2px + 1.25vw);
    font-size: 1.875vw;
    line-height: 1.3;
    margin-right: 0;
  }
}
/* line 1383, sass/page/_smart.scss */
.smart-tabs-min__name:first-child {
  font-weight: 600;
}
/* line 1388, sass/page/_smart.scss */
.smart-tabs-min__name:first-child:first-letter {
  font-size: 285.71428571%;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 1388, sass/page/_smart.scss */
  .smart-tabs-min__name:first-child:first-letter {
    font-size: 192.85714286%;
  }
}
@media screen and (max-width: 767px) {
  /* line 1388, sass/page/_smart.scss */
  .smart-tabs-min__name:first-child:first-letter {
    font-size: 0;
  }
}
/* line 1401, sass/page/_smart.scss */
.smart-tabs-min__link:hover .smart-tabs-min__name,
.smart-tabs-min__link:focus .smart-tabs-min__name,
.active .smart-tabs-min__name {
  font-size: 0.875rem;
}
@media screen and (max-width: 1439px) {
  /* line 1401, sass/page/_smart.scss */
  .smart-tabs-min__link:hover .smart-tabs-min__name,
  .smart-tabs-min__link:focus .smart-tabs-min__name,
  .active .smart-tabs-min__name {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1401, sass/page/_smart.scss */
  .smart-tabs-min__link:hover .smart-tabs-min__name,
  .smart-tabs-min__link:focus .smart-tabs-min__name,
  .active .smart-tabs-min__name {
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1401, sass/page/_smart.scss */
  .smart-tabs-min__link:hover .smart-tabs-min__name,
  .smart-tabs-min__link:focus .smart-tabs-min__name,
  .active .smart-tabs-min__name {
    font-size: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1401, sass/page/_smart.scss */
  .smart-tabs-min__link:hover .smart-tabs-min__name,
  .smart-tabs-min__link:focus .smart-tabs-min__name,
  .active .smart-tabs-min__name {
    font-size: 1.5625vw;
  }
}
/* line 1, sass/page/_alumni-award.scss */
.aw-content {
  margin-bottom: 3rem;
}
/* line 5, sass/page/_alumni-award.scss */
.hvrcard {
  font-size: 1.75rem;
  margin-right: -0.71428571em;
  margin-bottom: 2.85714286em;
}
@media screen and (max-width: 1439px) {
  /* line 5, sass/page/_alumni-award.scss */
  .hvrcard {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 5, sass/page/_alumni-award.scss */
  .hvrcard {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 5, sass/page/_alumni-award.scss */
  .hvrcard {
    font-size: 1.125rem;
  }
}
/* line 20, sass/page/_alumni-award.scss */
.hvrcard .slider__item {
  margin-right: 0.71428571em;
}
/* line 24, sass/page/_alumni-award.scss */
.hvrcard__item {
  position: relative;
  display: block;
  overflow: hidden;
}
/* line 32, sass/page/_alumni-award.scss */
.hvrcard__item:hover .hvrcard__hvr:before, .hvrcard__item:focus .hvrcard__hvr:before {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}
/* line 35, sass/page/_alumni-award.scss */
.hvrcard__item:hover .hvrcard__img, .hvrcard__item:focus .hvrcard__img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
/* line 39, sass/page/_alumni-award.scss */
.hvrcard__item:hover .hvrcard__hvr-inner, .hvrcard__item:focus .hvrcard__hvr-inner {
  -webkit-transform: translate3d(0, -14px, 0);
  transform: translate3d(0, -14px, 0);
}
/* line 43, sass/page/_alumni-award.scss */
.hvrcard__item:hover .hvrcard__btn-grp, .hvrcard__item:focus .hvrcard__btn-grp {
  opacity: 1;
}
/* line 49, sass/page/_alumni-award.scss */
.hvrcard__img-c {
  position: relative;
  padding-top: 82.72727273%;
}
/* line 55, sass/page/_alumni-award.scss */
.hvrcard__img {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 61, sass/page/_alumni-award.scss */
.hvrcard__hvr {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 86.36363636%;
  height: 83.51648352%;
  margin: auto;
  padding: 2.27272727% 11.36363636%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
/* line 81, sass/page/_alumni-award.scss */
.hvrcard__hvr:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -webkit-transition: all .8s;
  transition: all .8s;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: rgba(98, 28, 101, 0.8);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
/* line 98, sass/page/_alumni-award.scss */
.hvrcard__hvr-inner {
  position: relative;
  z-index: 3;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 108, sass/page/_alumni-award.scss */
.hvrcard__title {
  font-weight: 600;
  line-height: 1.25;
  margin-bottom: 0.35714286em;
  color: #ffffff;
}
/* line 117, sass/page/_alumni-award.scss */
.hvrcard__btn-grp {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
}
/* line 129, sass/page/_alumni-award.scss */
.hvrcard__btn-grp .btn, .hvrcard__btn-grp .fileinput-button {
  color: #ffffff;
}
/* line 137, sass/page/_alumni-award.scss */
.glyblk {
  font-size: 1.625rem;
  padding-top: 2.76923077em;
  padding-bottom: 4.11538462em;
}
@media screen and (max-width: 1439px) {
  /* line 137, sass/page/_alumni-award.scss */
  .glyblk {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 137, sass/page/_alumni-award.scss */
  .glyblk {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 137, sass/page/_alumni-award.scss */
  .glyblk {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 137, sass/page/_alumni-award.scss */
  .glyblk {
    font-size: 1.125rem;
  }
}
/* line 154, sass/page/_alumni-award.scss */
.glyblk__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.38461538em -0.38461538em 2.69230769em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 162, sass/page/_alumni-award.scss */
.glyblk__grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 162, sass/page/_alumni-award.scss */
  .glyblk__grp {
    width: 100%;
  }
}
/* line 173, sass/page/_alumni-award.scss */
.glyblk__item {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
/* line 180, sass/page/_alumni-award.scss */
.glyblk__item--lg {
  width: 100%;
  padding: 1.42857143%;
}
/* line 185, sass/page/_alumni-award.scss */
.glyblk__item--xs {
  width: 50%;
  padding: 1.14285714% 1.42857143% 0;
}
@media screen and (max-width: 767px) {
  /* line 185, sass/page/_alumni-award.scss */
  .glyblk__item--xs {
    padding: 1.42857143%;
  }
}
/* line 193, sass/page/_alumni-award.scss */
.ie .glyblk__item {
  display: block;
}
/* line 198, sass/page/_alumni-award.scss */
.glyblk__caption {
  line-height: 1.25;
  position: absolute;
  right: 15.14285714%;
  bottom: 1.26923077em;
  left: 1.42857143%;
  padding: 3.57142857% 4%;
  background-color: #732b76;
}
/* line 210, sass/page/_alumni-award.scss */
.glyblk__caption-text {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: pxme(26, 26);
  color: #ffffff;
}
/* line 219, sass/page/_alumni-award.scss */
.glyblk__img-w {
  position: relative;
  overflow: hidden;
}
/* line 226, sass/page/_alumni-award.scss */
.glyblk__item--lg .glyblk__img-w {
  padding-top: 75.29411765%;
}
/* line 230, sass/page/_alumni-award.scss */
.glyblk__item--xs .glyblk__img-w {
  padding-top: 75.45454545%;
}
/* line 236, sass/page/_alumni-award.scss */
.glyblk__img-w:hover .glyblk__img, .glyblk__img-w:focus .glyblk__img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 246, sass/page/_alumni-award.scss */
.glyblk__img {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* line 253, sass/page/_alumni-award.scss */
.glyblk__btn-grp--center {
  text-align: center;
}
/* line 260, sass/page/_alumni-award.scss */
.timeline-wrap {
  position: relative;
  padding-top: 5.0625rem;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  /* line 260, sass/page/_alumni-award.scss */
  .timeline-wrap {
    padding-top: 2.125rem;
  }
}
/* line 271, sass/page/_alumni-award.scss */
.timeline-xs-head {
  margin-bottom: 1.875rem;
  padding-right: 8.75rem;
}
/* line 275, sass/page/_alumni-award.scss */
.timeline-xs-head__title {
  font-size: 1.25rem;
}
/* line 280, sass/page/_alumni-award.scss */
.timeline {
  font-size: 1rem;
  position: relative;
}
@media screen and (max-width: 1199px) {
  /* line 280, sass/page/_alumni-award.scss */
  .timeline {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 280, sass/page/_alumni-award.scss */
  .timeline {
    font-size: 0.8125rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 280, sass/page/_alumni-award.scss */
  .timeline {
    font-size: 0.6875rem;
  }
}
/* line 294, sass/page/_alumni-award.scss */
.timeline:before {
  position: absolute;
  top: 0.375em;
  right: 0;
  width: 200vw;
  height: 3px;
  content: "";
  background-color: #D4D4D4;
}
/* line 307, sass/page/_alumni-award.scss */
.timeline__grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  /* line 307, sass/page/_alumni-award.scss */
  .timeline__grp {
    display: block;
  }
}
/* line 314, sass/page/_alumni-award.scss */
.timeline__head {
  width: 250px;
  padding: 3.25em 1.25em 4.5em 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media screen and (max-width: 1439px) {
  /* line 314, sass/page/_alumni-award.scss */
  .timeline__head {
    width: 220px;
  }
}
@media screen and (max-width: 1199px) {
  /* line 314, sass/page/_alumni-award.scss */
  .timeline__head {
    width: 200px;
  }
}
@media screen and (max-width: 991px) {
  /* line 314, sass/page/_alumni-award.scss */
  .timeline__head {
    width: 160px;
  }
}
@media screen and (max-width: 767px) {
  /* line 314, sass/page/_alumni-award.scss */
  .timeline__head {
    width: 100%;
  }
}
/* line 333, sass/page/_alumni-award.scss */
.timeline__title {
  font-family: opensans, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 600;
  color: #252f6a;
}
@media screen and (max-width: 1439px) {
  /* line 333, sass/page/_alumni-award.scss */
  .timeline__title {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 333, sass/page/_alumni-award.scss */
  .timeline__title {
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 333, sass/page/_alumni-award.scss */
  .timeline__title {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 333, sass/page/_alumni-award.scss */
  .timeline__title {
    font-size: 1.125rem;
  }
}
/* line 354, sass/page/_alumni-award.scss */
.timeline__body {
  width: calc(100% - 250px);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
@media screen and (max-width: 1439px) {
  /* line 354, sass/page/_alumni-award.scss */
  .timeline__body {
    width: calc(100% - 220px);
  }
}
@media screen and (max-width: 1199px) {
  /* line 354, sass/page/_alumni-award.scss */
  .timeline__body {
    width: calc(100% - 200px);
  }
}
@media screen and (max-width: 991px) {
  /* line 354, sass/page/_alumni-award.scss */
  .timeline__body {
    width: calc(100% - 160px);
  }
}
@media screen and (max-width: 767px) {
  /* line 354, sass/page/_alumni-award.scss */
  .timeline__body {
    width: 100%;
  }
}
/* line 372, sass/page/_alumni-award.scss */
.timeline .slider-item {
  padding-top: 6px;
}
/* line 376, sass/page/_alumni-award.scss */
.timeline__item {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  position: relative;
  display: block;
  width: 15.1875rem;
  min-height: 12.8125em;
  margin-top: 41px;
  margin-right: 1.4375em;
  margin-bottom: 86px;
  padding: 1.6875em 1.25em;
  -webkit-transition: background .2s linear, -webkit-transform .2s linear;
  transition: background .2s linear, -webkit-transform .2s linear;
  transition: background .2s linear, transform .2s linear;
  transition: background .2s linear, transform .2s linear, -webkit-transform .2s linear;
  color: #ffffff;
  border-radius: 5px;
  background-color: #0674A1;
}
@media screen and (max-width: 1439px) {
  /* line 376, sass/page/_alumni-award.scss */
  .timeline__item {
    width: 13.75rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 376, sass/page/_alumni-award.scss */
  .timeline__item {
    width: 12.5rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 376, sass/page/_alumni-award.scss */
  .timeline__item {
    width: 10rem;
    margin-top: 38px;
  }
}
@media screen and (max-width: 767px) {
  /* line 376, sass/page/_alumni-award.scss */
  .timeline__item {
    width: 8.75rem;
    margin-top: 36px;
    margin-right: 1.18181818em;
  }
}
/* line 415, sass/page/_alumni-award.scss */
.timeline__item:before {
  position: absolute;
  top: -43px;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -1px;
  content: "";
  -webkit-transition: background .2s linear, -webkit-transform .2s linear;
  transition: background .2s linear, -webkit-transform .2s linear;
  transition: background .2s linear, transform .2s linear;
  transition: background .2s linear, transform .2s linear, -webkit-transform .2s linear;
  border: 4px solid #f1f2f6;
  border-radius: 50%;
  background-color: #0674A1;
}
@media screen and (max-width: 991px) {
  /* line 415, sass/page/_alumni-award.scss */
  .timeline__item:before {
    top: -40px;
    width: 16px;
    height: 16px;
    border: 3px solid #f1f2f6;
  }
}
@media screen and (max-width: 767px) {
  /* line 415, sass/page/_alumni-award.scss */
  .timeline__item:before {
    top: -38px;
  }
}
/* line 447, sass/page/_alumni-award.scss */
.timeline__item:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: 1px;
  margin-left: -8px;
  content: "";
  -webkit-transition: border-color .2s linear;
  transition: border-color .2s linear;
  border-width: 0 16px 13px 16px;
  border-style: solid;
  border-color: transparent transparent #0674A1 transparent;
}
@media screen and (max-width: 991px) {
  /* line 447, sass/page/_alumni-award.scss */
  .timeline__item:after {
    margin-left: -7px;
    border-width: 0 14px 10px 14px;
  }
}
@media screen and (max-width: 767px) {
  /* line 447, sass/page/_alumni-award.scss */
  .timeline__item:after {
    margin-left: -6px;
    border-width: 0 12px 8px 12px;
  }
}
/* line 479, sass/page/_alumni-award.scss */
.timeline__item:hover, .timeline__item:focus {
  -webkit-transform: translateY(-12px);
  -ms-transform: translateY(-12px);
  transform: translateY(-12px);
  color: #ffffff;
  background-color: #252f6a;
}
/* line 486, sass/page/_alumni-award.scss */
.timeline__item:hover:before, .timeline__item:focus:before {
  -webkit-transform: translateY(12px);
  -ms-transform: translateY(12px);
  transform: translateY(12px);
  background-color: #252f6a;
}
/* line 492, sass/page/_alumni-award.scss */
.timeline__item:hover:after, .timeline__item:focus:after {
  border-bottom-color: #252f6a;
}
/* line 498, sass/page/_alumni-award.scss */
.timeline__date {
  font-weight: 600;
  margin-bottom: 0.25em;
  color: #ffffff;
}
/* line 506, sass/page/_alumni-award.scss */
.timeline__text {
  line-height: 1.375;
}
/* line 1, sass/page/_faq.scss */
.faq-panel {
  font-size: 1.25rem;
  margin-bottom: 5em;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_faq.scss */
  .faq-panel {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_faq.scss */
  .faq-panel {
    font-size: 1rem;
  }
}
/* line 14, sass/page/_faq.scss */
.faq-panel__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2.5em;
}
/* line 19, sass/page/_faq.scss */
.faq-panel__title-holder {
  padding-top: 100%;
}
/* line 22, sass/page/_faq.scss */
.faq-panel__title-holder-w {
  width: 3.05em;
  margin-right: 1.5em;
}
/* line 30, sass/page/_faq.scss */
.faq-panel__title-text {
  font-size: 2.25em;
}
/* line 36, sass/page/_faq.scss */
.faq-panel__item:last-child .faq-panel__heading-btn[aria-expanded="false"] {
  border-bottom: 1px solid #b7b7b7;
}
/* line 42, sass/page/_faq.scss */
.faq-panel__item:last-child .faq-panel__collapse[aria-expanded="true"] .faq-panel__collapse-body-outer {
  margin-bottom: 0;
}
/* line 51, sass/page/_faq.scss */
.faq-panel--green .faq-panel__title-text {
  color: #096e61;
}
/* line 55, sass/page/_faq.scss */
.faq-panel--green .faq-panel__heading-btn[aria-expanded="true"] {
  background-color: #096e61;
}
/* line 58, sass/page/_faq.scss */
.faq-panel--green .faq-panel__heading-btn:after {
  color: #5cb9ad;
}
/* line 65, sass/page/_faq.scss */
.faq-panel--orange .faq-panel__title-text {
  color: #ae3614;
}
/* line 69, sass/page/_faq.scss */
.faq-panel--orange .faq-panel__heading-btn[aria-expanded="true"] {
  background-color: #ae3614;
}
/* line 72, sass/page/_faq.scss */
.faq-panel--orange .faq-panel__heading-btn:after {
  color: #e3876d;
}
/* line 79, sass/page/_faq.scss */
.faq-panel--blue .faq-panel__title-text {
  color: #24699a;
}
/* line 83, sass/page/_faq.scss */
.faq-panel--blue .faq-panel__heading-btn[aria-expanded="true"] {
  background-color: #24699a;
}
/* line 87, sass/page/_faq.scss */
.faq-panel--blue .faq-panel__heading-btn:after {
  color: #6bb0e0;
}
/* line 94, sass/page/_faq.scss */
.faq-panel__item {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
/* line 99, sass/page/_faq.scss */
.faq-panel__heading {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-weight: 600;
}
/* line 104, sass/page/_faq.scss */
.faq-panel__heading-btn {
  line-height: 1.25;
  position: relative;
  display: block;
  border-top: 1px solid #b7b7b7;
  padding: 1.4em 0.75em 1.35em 3.05em;
}
/* line 115, sass/page/_faq.scss */
.faq-panel__heading-btn:hover, .faq-panel__heading-btn:focus {
  text-decoration: none;
}
/* line 119, sass/page/_faq.scss */
.faq-panel__heading-btn:after {
  font-family: icomoon;
  content: "";
  font-size: 0.95em;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 3.15789474em;
  margin: auto;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  text-align: center;
}
/* line 135, sass/page/_faq.scss */
.faq-panel__heading-btn[aria-expanded="true"]:after {
  color: #ffffff;
  content: "";
}
/* line 139, sass/page/_faq.scss */
.faq-panel__heading-btn[aria-expanded="true"] {
  border-top: none;
}
/* line 142, sass/page/_faq.scss */
.faq-panel__heading-btn[aria-expanded="true"] {
  content: "";
}
/* line 144, sass/page/_faq.scss */
.faq-panel__heading-btn[aria-expanded="true"] .faq-panel__heading-text {
  color: #ffffff;
}
/* line 150, sass/page/_faq.scss */
.faq-panel__heading-text {
  color: #000000;
}
/* line 157, sass/page/_faq.scss */
.faq-panel__collapse[aria-expanded="true"] .faq-panel__collapse-body {
  -webkit-box-shadow: 0em 0.2em 2.05em -0.35em #dedede;
  box-shadow: 0em 0.2em 2.05em -0.35em #dedede;
  -webkit-transition: -webkit-box-shadow 3s;
  transition: -webkit-box-shadow 3s;
  transition: box-shadow 3s;
  transition: box-shadow 3s, -webkit-box-shadow 3s;
}
/* line 162, sass/page/_faq.scss */
.faq-panel__collapse-body {
  padding: 1.15em 3.05em 1.8em 3.05em;
  background-color: #ffffff;
}
/* line 167, sass/page/_faq.scss */
.faq-panel__collapse-body-outer {
  margin-bottom: 0.75em;
}
/* line 173, sass/page/_faq.scss */
#sal-grid[data-columns]::before {
  content: '2 .sal-column.sal-size-1of2';
}
@media screen and (min-width: 1199px) {
  /* line 173, sass/page/_faq.scss */
  #sal-grid[data-columns]::before {
    content: '2 .sal-column.sal-size-1of2';
  }
}
@media screen and (max-width: 991px) {
  /* line 173, sass/page/_faq.scss */
  #sal-grid[data-columns]::before {
    content: '1 .sal-column.sal-size-1of1';
  }
}
/* line 185, sass/page/_faq.scss */
.sal-column {
  float: left;
  font-size: 1.25rem;
  margin-top: 1.75em;
}
@media screen and (max-width: 1439px) {
  /* line 185, sass/page/_faq.scss */
  .sal-column {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 185, sass/page/_faq.scss */
  .sal-column {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 185, sass/page/_faq.scss */
  .sal-column {
    margin-top: 0.5em;
  }
}
/* line 200, sass/page/_faq.scss */
.sal-column:first-child {
  margin-right: 2.55em;
}
@media screen and (max-width: 991px) {
  /* line 200, sass/page/_faq.scss */
  .sal-column:first-child {
    margin-right: 0;
  }
}
/* line 208, sass/page/_faq.scss */
.sal-size-1of2 {
  width: 47.10144928%;
}
/* line 211, sass/page/_faq.scss */
.sal-size-1of1 {
  width: 100%;
}
/* line 215, sass/page/_faq.scss */
.faq-banner {
  margin: 1.66666667em 0em;
  font-size: 1.125rem;
}
@media screen and (max-width: 1439px) {
  /* line 215, sass/page/_faq.scss */
  .faq-banner {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 215, sass/page/_faq.scss */
  .faq-banner {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 215, sass/page/_faq.scss */
  .faq-banner {
    font-size: 0.75rem;
  }
}
/* line 230, sass/page/_faq.scss */
.faq-banner__wrapper {
  padding-top: 18.11594203%;
}
@media screen and (max-width: 640px) {
  /* line 230, sass/page/_faq.scss */
  .faq-banner__wrapper {
    padding-top: 49.18032787%;
  }
}
/* line 237, sass/page/_faq.scss */
.faq-banner__info {
  position: absolute;
  height: 100%;
  width: 56.30434783%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 3.33333333em;
  z-index: 1;
}
@media screen and (max-width: 1439px) {
  /* line 237, sass/page/_faq.scss */
  .faq-banner__info {
    width: 64%;
  }
}
@media screen and (max-width: 1199px) {
  /* line 237, sass/page/_faq.scss */
  .faq-banner__info {
    width: 68%;
  }
}
@media screen and (max-width: 991px) {
  /* line 237, sass/page/_faq.scss */
  .faq-banner__info {
    width: 56%;
  }
}
@media screen and (max-width: 640px) {
  /* line 237, sass/page/_faq.scss */
  .faq-banner__info {
    width: 90%;
  }
}
/* line 263, sass/page/_faq.scss */
.faq-banner__title {
  font-weight: 700;
  color: #ffffff;
  font-size: 2.5em;
}
@media screen and (max-width: 991px) {
  /* line 263, sass/page/_faq.scss */
  .faq-banner__title {
    font-size: 1.83333333em;
  }
}
@media screen and (max-width: 767px) {
  /* line 263, sass/page/_faq.scss */
  .faq-banner__title {
    font-size: 1.5em;
  }
}
/* line 274, sass/page/_faq.scss */
.faq-banner__text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  color: #ffffff;
  font-size: 1em;
  max-height: 4.16666667em;
  overflow: hidden;
}
@media screen and (max-width: 1439px) {
  /* line 274, sass/page/_faq.scss */
  .faq-banner__text {
    max-height: 4.0625em;
  }
}
@media screen and (max-width: 1199px) {
  /* line 274, sass/page/_faq.scss */
  .faq-banner__text {
    max-height: 2.85714286em;
  }
}
@media screen and (max-width: 991px) {
  /* line 274, sass/page/_faq.scss */
  .faq-banner__text {
    max-height: 5.83333333em;
  }
}
/* line 292, sass/page/_faq.scss */
.faq-banner__href {
  color: #ffffff;
  text-decoration: underline;
}
/* line 1, sass/page/_gps.scss */
.expect-blk {
  display: block;
  overflow: hidden;
  position: relative;
  font-size: 2.125rem;
  margin-bottom: 1.61764706em;
}
@media screen and (max-width: 1439px) {
  /* line 1, sass/page/_gps.scss */
  .expect-blk {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 1, sass/page/_gps.scss */
  .expect-blk {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 1, sass/page/_gps.scss */
  .expect-blk {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 1, sass/page/_gps.scss */
  .expect-blk {
    font-size: 1.375rem;
  }
}
/* line 24, sass/page/_gps.scss */
.expect-blk__item-heading {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 1em;
  text-align: center;
  margin-bottom: 1.32352941em;
  font-weight: 400;
}
/* line 32, sass/page/_gps.scss */
.expect-blk__bg-c {
  position: relative;
  width: 100%;
  padding-top: 67.55952381%;
}
/* line 38, sass/page/_gps.scss */
.expect-blk__item-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  /* line 38, sass/page/_gps.scss */
  .expect-blk__item-wrapper {
    display: block;
    position: relative;
  }
}
/* line 49, sass/page/_gps.scss */
.expect-blk__item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  /* line 49, sass/page/_gps.scss */
  .expect-blk__item-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/* line 59, sass/page/_gps.scss */
.expect-blk__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 21.73913043%;
  height: 5.23529412em;
  margin: 0 4.34782609% 0.73529412em 0;
  position: relative;
  background-color: rgba(115, 43, 118, 0.9);
}
@media screen and (max-width: 1199px) {
  /* line 59, sass/page/_gps.scss */
  .expect-blk__item {
    height: 5.65384615em;
  }
}
@media screen and (max-width: 767px) {
  /* line 59, sass/page/_gps.scss */
  .expect-blk__item {
    width: 100%;
    height: auto;
  }
}
/* line 78, sass/page/_gps.scss */
.expect-blk__item::before {
  position: absolute;
  top: 0.77777778em;
  left: 50%;
  width: 1.38888889em;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 2px;
  content: "";
  background-color: #ffffff;
}
/* line 89, sass/page/_gps.scss */
.expect-blk__item:nth-child(4n), .expect-blk__item:last-child {
  margin-right: 0;
}
/* line 94, sass/page/_gps.scss */
.expect-blk__item-text {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.47058824em;
  padding: 3.125em 1.875em 0.625em 1.875em;
  color: #ffffff;
  max-height: 11.125em;
  overflow: hidden;
}
@media screen and (max-width: 1439px) {
  /* line 94, sass/page/_gps.scss */
  .expect-blk__item-text {
    max-height: 11.21428571em;
  }
}
@media screen and (max-width: 767px) {
  /* line 94, sass/page/_gps.scss */
  .expect-blk__item-text {
    padding-bottom: 1.875em;
    font-size: 0.63636364em;
  }
}
/* line 111, sass/page/_gps.scss */
.expect-blk__detail {
  padding: 1.02941176em 1.02941176em 1.02941176em 1.02941176em;
  color: #ffffff;
}
/* line 116, sass/page/_gps.scss */
.expect-blk__title {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  position: relative;
  text-align: center;
  font-size: 1em;
  color: #ffffff;
  padding-bottom: 0.97058824em;
  font-weight: 400;
}
/* line 124, sass/page/_gps.scss */
.expect-blk__title::before {
  position: absolute;
  bottom: 0.33333333em;
  left: 50%;
  width: 1.38888889em;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 2px;
  content: "";
  background-color: #ffffff;
}
/* line 136, sass/page/_gps.scss */
.expect-blk__text-area {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  font-size: 0.67647059em;
}
/* line 141, sass/page/_gps.scss */
.expect-blk__detail-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  right: 0;
  background-color: rgba(5, 155, 168, 0.9);
}
@media screen and (max-width: 1199px) {
  /* line 141, sass/page/_gps.scss */
  .expect-blk__detail-wrapper {
    position: relative;
  }
}
/* line 154, sass/page/_gps.scss */
.ribbon-blk {
  background-color: #4629b2;
  color: #ffffff;
  font-size: 2.125rem;
  margin-right: 0.88235294em;
  margin-bottom: 1.88235294em;
}
@media screen and (max-width: 1439px) {
  /* line 154, sass/page/_gps.scss */
  .ribbon-blk {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 1199px) {
  /* line 154, sass/page/_gps.scss */
  .ribbon-blk {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 991px) {
  /* line 154, sass/page/_gps.scss */
  .ribbon-blk {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  /* line 154, sass/page/_gps.scss */
  .ribbon-blk {
    font-size: 1.375rem;
    margin-right: 0.68181818em;
  }
}
/* line 175, sass/page/_gps.scss */
.ribbon-blk__detail {
  text-align: center;
  padding: 0.64705882em 0.44117647em 0.64705882em 0.44117647em;
}
/* line 180, sass/page/_gps.scss */
.ribbon-blk__title {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  position: relative;
  font-size: 0.67647059em;
}
@media screen and (max-width: 767px) {
  /* line 180, sass/page/_gps.scss */
  .ribbon-blk__title {
    padding-bottom: 1.6em;
  }
  /* line 187, sass/page/_gps.scss */
  .ribbon-blk__title::before {
    position: absolute;
    bottom: 0.66666667em;
    left: 50%;
    width: 2.06666667em;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    height: 2px;
    content: "";
    background-color: #ffffff;
  }
}
/* line 201, sass/page/_gps.scss */
.ribbon-blk__slogan {
  font-family: raleway, PingFangTC, Microsoft JhengHei revise, "Microsoft JhengHei", "Microsoft YaHei", Arial, sans-serif;
  color: #ffffff;
}
/* Print Styles
=======================================*/
@media print {
  /* line 2, sass/_print.scss */
  .container {
    width: auto;
  }
  /* line 6, sass/_print.scss */
  a[target="_blank"]:after {
    content: none;
  }
  /* line 10, sass/_print.scss */
  .page-head {
    position: relative !important;
    -webkit-animation: none !important;
    animation: none !important;
  }
  /* line 16, sass/_print.scss */
  * {
    max-height: none !important;
    -webkit-animation: none !important;
    animation: none !important;
    color-adjust: exact !important;
    /*Firefox*/
    -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari */
  }
  /* line 25, sass/_print.scss */
  .inner main {
    padding-top: 0 !important;
  }
  /* line 29, sass/_print.scss */
  .inner-top,
  .side-menu,
  .btn--toggle-all,
  .btn-top-box {
    display: none !important;
  }
  /* line 36, sass/_print.scss */
  [data-aos] {
    visibility: visible !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  /* line 44, sass/_print.scss */
  body > div {
    position: relative !important;
    width: auto !important;
  }
  /* line 50, sass/_print.scss */
  .page-foot,
  .rte-tpl,
  .rte-template,
  .infinite-item,
  table,
  .full {
    page-break-inside: avoid;
  }
  /* line 58, sass/_print.scss */
  .page-foot .rte-tpl,
  .page-foot .rte-template,
  .page-foot table,
  .rte-tpl .rte-tpl,
  .rte-tpl .rte-template,
  .rte-tpl table,
  .rte-template .rte-tpl,
  .rte-template .rte-template,
  .rte-template table,
  .infinite-item .rte-tpl,
  .infinite-item .rte-template,
  .infinite-item table,
  table .rte-tpl,
  table .rte-template,
  table table,
  .full .rte-tpl,
  .full .rte-template,
  .full table {
    page-break-inside: auto;
  }
  /* line 65, sass/_print.scss */
  .side-content {
    float: none !important;
    width: auto !important;
    margin: 30px 0 0;
    padding: 0;
    background: #FFF;
  }
  /* line 75, sass/_print.scss */
  .collapse {
    display: block !important;
  }
}

/*# sourceMappingURL=style.css.map */