@charset "UTF-8";
/* 底下兩筆共用主版  @import 主網設定*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i");
@import url("https://fonts.googleapis.com/css?family=Anton");
/*以下共用主版  @import 主網設定，如果需要個別設定再 @import 英文版底下路徑*/
/*--------------------------------*/
/*--------------------------------*/
.ivideo {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 40%;
  overflow: hidden;
}
.ivideo iframe, .ivideo object, .ivideo embed, .ivideo video, .ivideo div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ivideo iframe, .ivideo object, .ivideo embed {
  height: 100%;
}

/*--------------------------------*/
/*--------------------------------*/
@media (min-width: 768px) {
  .owl_row {
    z-index: 2;
  }
}

.fast_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .fast_row {
    position: absolute;
    z-index: 3;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .fast_row {
    margin-top: -50px;
    padding-right: 10%;
    padding-left: 10%;
  }
}
@media (min-width: 1200px) {
  .fast_row {
    margin-top: -80px;
  }
}

.fast_item {
  width: calc(100% / 4);
}
.fast_item a {
  display: block;
  position: relative;
  overflow: hidden;
  color: #434449;
  background-color: white;
  font-size: 0.88em;
}
.fast_item a::before, .fast_item a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.fast_item a:hover, .fast_item a:focus {
  color: white;
  background-color: #1e70df;
  background-image: -o-linear-gradient(315deg, #1e70df 0%, #3c2bbe 100%);
  background-image: linear-gradient(135deg, #1e70df 0%, #3c2bbe 100%);
}
.fast_item a:hover::before, .fast_item a:focus::before {
  -webkit-transform: scale(5.5);
      -ms-transform: scale(5.5);
          transform: scale(5.5);
  -webkit-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
  background-color: rgba(190, 227, 255, 0.125);
}
.fast_item a:hover::after, .fast_item a:focus::after {
  -webkit-transform: scale(8);
      -ms-transform: scale(8);
          transform: scale(8);
  -webkit-transition-duration: 0.25s;
       -o-transition-duration: 0.25s;
          transition-duration: 0.25s;
  background-color: rgba(190, 227, 255, 0.05);
}
.fast_item a:focus {
  outline: none;
  border: 3px dashed #bfa6ff;
}
.fast_item span {
  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;
  text-align: center;
  line-height: 1.125;
  height: 100px;
  padding: 4.5rem 1rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center 0.75rem;
  background-size: 60px;
}
@media (min-width: 576px) {
  .fast_item span {
    height: 90px;
  }
}
@media (min-width: 768px) {
  .fast_item a {
    font-size: 1.125em;
  }
  .fast_item span {
    height: 130px;
    background-position: center 1.5rem;
    background-size: 70px;
  }
}
@media (min-width: 992px) {
  .fast_item {
    width: calc((100% / 4) - (.75rem * 2));
    margin: 0 0.75rem;
    max-width: 220px;
  }
  .fast_item a {
    height: 200px;
    border-radius: 1.5rem;
    -webkit-box-shadow: 0 1.5rem 5rem -1.5rem rgba(44, 60, 85, 0.4);
            box-shadow: 0 1.5rem 5rem -1.5rem rgba(44, 60, 85, 0.4);
  }
  .fast_item a:hover, .fast_item a:focus {
    -webkit-box-shadow: 0 2rem 4rem rgba(44, 60, 85, 0.5);
            box-shadow: 0 2rem 4rem rgba(44, 60, 85, 0.5);
    -webkit-transform: translateY(-2rem);
        -ms-transform: translateY(-2rem);
            transform: translateY(-2rem);
    -webkit-transition-duration: 0.5s;
         -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
  }
  .fast_item a:hover::before, .fast_item a:focus::before {
    -webkit-transform: scale(13);
        -ms-transform: scale(13);
            transform: scale(13);
  }
  .fast_item a:hover::after, .fast_item a:focus::after {
    -webkit-transform: scale(17);
        -ms-transform: scale(17);
            transform: scale(17);
  }
  .fast_item span {
    height: inherit;
    padding: 5rem 1rem 1.5rem;
    background-position: center 2.75rem;
    background-size: 100px;
  }
}
@media (min-width: 1200px) {
  .fast_item a {
    height: 220px;
  }
  .fast_item span {
    background-size: 114px;
  }
}

.fast_icon1 span {
  background-image: url(../../images/fastbtnicon1.svg);
}
.fast_icon1 a:hover span, .fast_icon1 a:focus span {
  background-image: url(../../images/fastbtnicon1-hover.svg);
}

.fast_icon2 span {
  background-image: url(../../images/fastbtnicon2.svg);
}
.fast_icon2 a:hover span, .fast_icon2 a:focus span {
  background-image: url(../../images/fastbtnicon2-hover.svg);
}

.fast_icon3 span {
  background-image: url(../../images/fastbtnicon3.svg);
}
.fast_icon3 a:hover span, .fast_icon3 a:focus span {
  background-image: url(../../images/fastbtnicon3-hover.svg);
}

.fast_icon4 span {
  background-image: url(../../images/fastbtnicon4.svg);
}
.fast_icon4 a:hover span, .fast_icon4 a:focus span {
  background-image: url(../../images/fastbtnicon4-hover.svg);
}

/*--------------------------------*/
/*--------------------------------*/
.itit {
  color: #434449;
}
.itit_en {
  font-size: 2.77em;
  font-family: "Anton", sans-serif;
  -webkit-filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0 0.125rem 0.25rem rgba(0, 0, 0, 0.25));
}
.itit_cn {
  font-size: 1.11em;
  font-weight: bold;
}
@media (min-width: 768px) {
  .itit_en {
    font-size: 3.55em;
  }
  .itit_cn {
    font-size: 1.66em;
  }
}

.itit_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem 0;
}
.itit_s .itit_cn {
  margin: 0.5rem;
}
.itit_s:after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #52a6fb;
  background-image: -webkit-gradient(linear, left top, right top, from(#52a6fb), to(#634bcc));
  background-image: -o-linear-gradient(left, #52a6fb 0%, #634bcc 100%);
  background-image: linear-gradient(90deg, #52a6fb 0%, #634bcc 100%);
}
.itit_s-y {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .itit_s {
    padding: 2rem 0;
  }
  .itit_s-y .itit_cn {
    margin-top: 1rem;
  }
  .itit_s-y:after {
    margin-top: 0.5rem;
  }
}

.imore {
  position: relative;
  display: block;
  width: 200px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 0.88em;
  color: #5063a4;
  border: 1px solid #5063a4;
}
.imore_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem 1rem;
}
.imore:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - .5rem);
  right: -1.25rem;
  width: 3rem;
  height: 0.5rem;
  border: 1px solid #5063a4;
  border-top: none;
  border-left: none;
  -webkit-transform: skew(45deg);
      -ms-transform: skew(45deg);
          transform: skew(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.imore:hover:after {
  right: -1.75rem;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.imore:focus {
  outline: 3px dashed #bfa6ff;
}

/*--------------------------------*/
/*--------------------------------*/
@media (min-width: 768px) {
  .complex_row {
    padding: 9.5rem 0 2rem;
  }
}
@media (min-width: 992px) {
  .complex_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 12rem 0 2rem;
  }
}
@media (min-width: 1500px) {
  .complex_row {
    padding: 15rem 120px 2rem;
  }
}

.cx_half {
  padding: 1.5rem 1rem;
}
@media (min-width: 992px) {
  .cx_half {
    width: 50%;
    padding: 2rem;
  }
}

.airlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.airlink a {
  display: block;
  position: relative;
  width: 100%;
  max-width: 320px;
  padding: 1rem;
  padding-bottom: 2rem;
}
.airlink a::before, .airlink a::after {
  content: "";
  display: block;
  position: absolute;
}
.airlink a::before {
  z-index: -1;
  top: 3rem;
  left: 0.5rem;
  right: 0.75rem;
  bottom: 1rem;
  border: 2px solid #2a9ef8;
}
.airlink a::after {
  right: 0;
  bottom: 4px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: url(../../images/airlink_arrow.svg);
  background-color: #2a9ef8;
}
.airlink a:hover::before, .airlink a:focus::before {
  border: 2px solid #f1af3d;
}
.airlink a:hover::after, .airlink a:focus::after {
  background-color: #f1af3d;
}
.airlink a:hover .ak_tit, .airlink a:focus .ak_tit {
  color: #f1af3d;
}
.airlink a:focus {
  outline: none;
}
.airlink a:focus:before {
  outline: 3px dashed #bfa6ff;
}
@media (min-width: 768px) {
  .airlink a {
    max-width: 420px;
  }
}
@media (min-width: 1400px) {
  .airlink a {
    max-width: 660px;
  }
  .airlink a::before {
    top: 5rem;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .airlink a::after {
    right: -12px;
    bottom: -12px;
  }
}

.ak_img {
  position: absolute;
  top: 1.5rem;
  left: 1rem;
  width: 100px;
}
@media (min-width: 768px) {
  .ak_img {
    width: 160px;
    left: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .ak_img {
    width: 280px;
    left: 2rem;
  }
}

.ak_tit {
  padding-left: calc(100px + 1rem);
}
.ak_tit .itit_cn {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
}
@media (min-width: 768px) {
  .ak_tit {
    padding-left: calc(160px + 1.5rem);
  }
}
@media (min-width: 1400px) {
  .ak_tit {
    padding-top: 1.5rem;
    padding-left: calc(280px + 4rem);
  }
  .ak_tit .itit_cn {
    padding-top: 1rem;
    padding-left: 1.5rem;
  }
}

/*--------------------------------*/
/*--------------------------------*/
.itabs_wrap {
  padding: 1rem 0;
}
@media (min-width: 768px) {
  .itabs {
    position: relative;
    padding-top: 50px;
  }
  .itabs_wrap {
    max-width: 766px;
    margin: 0 auto;
  }
  .itabs div:nth-child(1) {
    left: 0;
  }
  .itabs div:nth-child(3) {
    left: 25%;
  }
  .itabs div:nth-child(5) {
    left: 50%;
  }
  .itabs div:nth-child(7) {
    left: 75%;
  }
}

.itab {
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .itab {
    position: absolute;
    top: 0;
    width: calc(100% / 4);
  }
}
.itab_btn {
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  color: black;
  text-align: center;
  font-weight: bold;
  -webkit-transform: skew(25deg);
      -ms-transform: skew(25deg);
          transform: skew(25deg);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.itab_btn span {
  display: inline-block;
  -webkit-transform: skew(-25deg);
      -ms-transform: skew(-25deg);
          transform: skew(-25deg);
}
@media (min-width: 768px) {
  .itab_btn {
    width: calc(100% - 2px);
  }
  .itab_btn:hover, .itab_btn.active {
    -webkit-transform: skew(25deg) translateY(-0.5rem);
        -ms-transform: skew(25deg) translateY(-0.5rem);
            transform: skew(25deg) translateY(-0.5rem);
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-box-shadow: 0 0.75rem 1rem -0.5rem rgba(36, 30, 71, 0.5);
            box-shadow: 0 0.75rem 1rem -0.5rem rgba(36, 30, 71, 0.5);
  }
  .itab_btn:focus {
    outline: 3px dashed #bfa6ff;
  }
}

.itab-b1 {
  background-color: #794ec6;
}
.itab-b1:hover, .itab-b1.active {
  background-color: #8861cc;
}

.itab-b2 {
  background-color: #1193f7;
}
.itab-b2:hover, .itab-b2.active {
  background-color: #2a9ef8;
}

.itab-b3 {
  background-color: #01957e;
}
.itab-b3:hover, .itab-b3.active {
  background-color: #01ae94;
}

.itab-b4 {
  background-color: #ffc504;
}
.itab-b4:hover, .itab-b4.active {
  background-color: #ffcb1d;
}

.itab_content {
  max-height: 0;
  overflow: hidden;
}
.itab_content.active {
  max-height: 600px;
}
@media (max-width: 575px) {
  .itab_content.active {
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
}

.itab_list {
  padding-top: 0.5rem;
}
.itab_list li > a {
  display: block;
  margin-top: 0.5rem;
}
.itab_list li > a:hover .itab_txt, .itab_list li > a:focus .itab_txt {
  color: #2a9ef8;
}
.itab_list li > a:focus {
  outline: none;
  border: 3px dashed #bfa6ff;
}

.itab_time {
  position: relative;
  display: inline-block;
  margin-left: 0.5rem;
  padding: 0.5rem 1.25rem;
  color: white;
  font-size: 0.88em;
  font-family: "Open Sans", sans-serif;
}
.itab_time:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #434449;
  -webkit-transform: skew(25deg);
      -ms-transform: skew(25deg);
          transform: skew(25deg);
}
@media (min-width: 768px) {
  .itab_time {
    float: left;
  }
}

.itab_txt {
  display: block;
  padding: 0.5rem;
  color: #56575d;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .itab_txt {
    padding-left: 1.5rem;
  }
}

.no-js .itab_content {
  max-height: 600px;
}
.no-js .itab {
  position: static;
}

/*--------------------------------*/
/*--------------------------------*/
.lvideo {
  width: 100%;
  background: black;
  margin-bottom: 1rem;
}
@media (min-width: 768px) and (max-width: 991px) {
  .lvideo {
    max-width: 766px;
    margin: 0 auto;
  }
}
.lvideo_inside {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 56.8%;
  -webkit-box-shadow: 0 2rem 3rem -1rem rgba(36, 30, 71, 0.5);
          box-shadow: 0 2rem 3rem -1rem rgba(36, 30, 71, 0.5);
}
.lvideo_inside iframe, .lvideo_inside object, .lvideo_inside embed, .lvideo_inside video, .lvideo_inside div, .lvideo_inside a, .lvideo_inside img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
}
.lvideo_inside iframe, .lvideo_inside object, .lvideo_inside embed, .lvideo_inside a, .lvideo_inside img {
  height: 100%;
}

/*--------------------------------*/
/*--------------------------------*/
.owl_iservice a {
  display: block;
  overflow: hidden;
}
@media (min-width: 992px) {
  .owl_iservice {
    -webkit-transform: perspective(1px) skewY(-4deg);
            transform: perspective(1px) skewY(-4deg);
  }
  .owl_iservice .is_hover-inner,
.owl_iservice .owl-nav {
    -webkit-transform: perspective(1px) skewY(4deg);
            transform: perspective(1px) skewY(4deg);
  }
}

.is_item {
  position: relative;
}
.is_item:hover .is_hover, .is_item:focus .is_hover {
  top: 0;
  bottom: 0;
  height: 100%;
  padding: 0.25rem 1rem;
  background-color: rgba(60, 43, 190, 0.75);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(60, 43, 190, 0.75)), to(rgba(30, 112, 223, 0.75)));
  background-image: -o-linear-gradient(top, rgba(60, 43, 190, 0.75) 0%, rgba(30, 112, 223, 0.75) 100%);
  background-image: linear-gradient(180deg, rgba(60, 43, 190, 0.75) 0%, rgba(30, 112, 223, 0.75) 100%);
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.is_item:hover .is_tit, .is_item:focus .is_tit {
  margin-bottom: 1rem;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.75);
}
.is_item:hover .is_hover-inner, .is_item:focus .is_hover-inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.is_item:focus::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 3px dashed #bfa6ff;
}

.is_hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1;
  top: calc(100% - 3rem);
  left: 0;
  right: 0;
  height: 3rem;
  padding: 0 1rem;
  background-color: rgba(99, 75, 204, 0.75);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(99, 75, 204, 0.75)), to(rgba(30, 112, 223, 0.75)));
  background-image: -o-linear-gradient(top, rgba(99, 75, 204, 0.75) 0%, rgba(30, 112, 223, 0.75) 100%);
  background-image: linear-gradient(180deg, rgba(99, 75, 204, 0.75) 0%, rgba(30, 112, 223, 0.75) 100%);
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.is_hover-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .is_hover {
    top: calc(100% - 5rem);
    height: 5rem;
  }
  .is_hover .imore_wrap {
    padding: 2.5rem 1rem !important;
  }
}
.is_hover .imore {
  color: white;
  border: 1px solid white;
}
.is_hover .imore_wrap {
  padding: 0.75rem;
}
.is_hover .imore:after {
  border: 1px solid white;
  border-top: none;
  border-left: none;
}

.is_tit {
  position: relative;
  z-index: 1;
  text-align: center;
  line-height: 3rem;
  font-size: 1.33em;
  color: white;
  -webkit-transform: skewX(-8deg);
      -ms-transform: skewX(-8deg);
          transform: skewX(-8deg);
}
.is_txt {
  line-height: 1.5;
  letter-spacing: 3px;
  color: white;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1200px) {
  .is_tit {
    line-height: 5rem;
  }
  .is_txt {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

.owl_iservice .owl-nav {
  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;
  width: 100%;
  height: calc(50px + 2rem);
  padding: 1rem 0;
}
.owl_iservice .owl-nav [class*=owl-] {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0.25rem;
  background-color: #2a9ef8 !important;
  border-radius: 50%;
  background-image: url(../../images/airlink_arrow.svg) !important;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  cursor: pointer;
  text-indent: 105%;
  white-space: nowrap;
  overflow: hidden;
}
.owl_iservice .owl-nav [class*=owl-]:hover {
  width: 50px;
  height: 50px;
  background-color: #ffcb1d !important;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.owl_iservice .owl-nav [class*=owl-]:focus {
  outline: 3px dashed #bfa6ff;
}
.owl_iservice .owl-nav .owl-next {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}

.no-js .owl_iservice {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.no-js .is_item {
  position: relative;
  overflow: hidden;
}

/*--------------------------------*/
/*--------------------------------*/
.am_row {
  margin-top: -80px;
  padding-top: 80px;
  background-color: #f8f7ff;
}
@media (min-width: 992px) {
  .am_row {
    margin-top: -166px;
    padding-top: 166px;
  }
}

.am_wrap {
  position: relative;
  z-index: 1;
}
.am_wrap > div {
  margin: 0.5rem;
  margin-bottom: 1rem;
  padding: 1rem;
  color: #434449;
  font-weight: bold;
  background-color: white;
  border-top: 5px solid #d4dff2;
  -webkit-box-shadow: 0 1rem 1.5rem rgba(36, 30, 71, 0.1);
          box-shadow: 0 1rem 1.5rem rgba(36, 30, 71, 0.1);
}
@media (min-width: 768px) {
  .am_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: -6rem;
    padding: 1rem;
  }
  .am_wrap > div {
    width: calc(25% - (.5rem * 2));
    max-width: 286px;
    margin: 0.75rem;
    -webkit-box-shadow: 0 2.25rem 3.5rem -1rem rgba(36, 30, 71, 0.25);
            box-shadow: 0 2.25rem 3.5rem -1rem rgba(36, 30, 71, 0.25);
  }
}
@media (min-width: 992px) {
  .am_wrap {
    margin-bottom: -8rem;
  }
}

div[class^=am_item] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
@media (min-width: 768px) {
  div[class^=am_item] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-position: center bottom;
    background-size: contain;
  }
}
@media (min-width: 992px) {
  div[class^=am_item] {
    background-size: 190px;
  }
}

.am_tit {
  margin-right: 0.5rem;
  font-size: 1.11em;
}
.am_num {
  font-size: 1.66em;
  font-style: italic;
  font-family: "Open Sans", sans-serif;
}
@media (min-width: 768px) {
  .am_tit {
    margin: 0;
    padding: 1rem 0;
    font-size: 1.33em;
  }
  .am_num {
    font-size: 2.77em;
  }
}
@media (min-width: 992px) {
  .am_num {
    padding-bottom: 2rem;
  }
}

.am_item1 {
  background-image: url(../../images/amicon1.svg);
}

.am_item2 {
  background-image: url(../../images/amicon2.svg);
}

.am_item3 {
  background-image: url(../../images/amicon3.svg);
}

.am_count {
  position: relative;
}
.am_count:hover {
  border-top: 5px solid #5063a4;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(36, 30, 71, 0.25);
          box-shadow: 0 0.5rem 1rem rgba(36, 30, 71, 0.25);
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
@media (max-width: 767px) {
  .am_count figure {
    display: none;
  }
}
.am_count a {
  display: block;
  color: inherit;
  line-height: 1.2;
  outline: none;
}
.am_count a:before, .am_count a:after {
  content: "";
  display: block;
  position: absolute;
}
.am_count a:before {
  top: -5px;
  right: 0;
  bottom: 0;
  left: 0;
}
.am_count a:after {
  right: 1.75rem;
  top: calc(50% - 10px);
  width: 40px;
  height: 10px;
  border: 1px solid #5063a4;
  border-top: none;
  border-left: none;
  -webkit-transform: skewX(45deg);
      -ms-transform: skewX(45deg);
          transform: skewX(45deg);
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.am_count a:hover {
  color: #5063a4;
}
.am_count a:hover:after {
  right: 1.5rem;
}
.am_count a:focus:before {
  outline: 3px dashed #bfa6ff;
}
@media (min-width: 768px) {
  .am_count figure {
    margin: -1rem;
  }
  .am_count a {
    margin-top: 1rem;
    font-size: 1.11em;
  }
  .am_count a:after {
    top: auto;
    bottom: 2rem;
  }
}
@media (min-width: 992px) {
  .am_count a {
    padding: 0 2.5rem 1rem;
  }
  .am_count a:after {
    bottom: 3rem;
  }
}

/*--------------------------------*/
/*--------------------------------*/
.major_row {
  padding-bottom: 1.5rem;
  background: url(../../images/mebg.jpg) no-repeat top center/cover;
  background-attachment: fixed;
}
@media (min-width: 768px) {
  .major_row {
    padding: 6rem 0 2rem;
  }
}
@media (min-width: 992px) {
  .major_row {
    padding-top: calc(8rem + 3rem);
    padding-bottom: 3rem;
  }
}

.owl_major {
  position: relative;
  padding-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  .owl_major {
    padding: 0 102px 1.5rem;
  }
}

.owl_major .owl-nav {
  position: absolute;
  top: 2rem;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  width: calc(100% - (50px * 2));
  height: 20px;
  margin: 0 50px;
  border-bottom: 3px solid #2661bc;
}
.owl_major .owl-nav [class*=owl-] {
  position: relative;
  display: block;
  width: 50px;
  height: 38px;
  margin-left: -50px;
  background-image: url(../../images/major_nav.svg) !important;
  cursor: pointer;
}
.owl_major .owl-nav [class*=owl-] span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  text-indent: 105%;
  white-space: nowrap;
  overflow: hidden;
}
.owl_major .owl-nav [class*=owl-] span:focus {
  outline: 3px dashed #bfa6ff;
}
.owl_major .owl-nav .owl-next {
  margin-right: -50px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (min-width: 1200px) {
  .owl_major .owl-nav {
    top: 14px;
    width: calc(100% - (102px * 2));
    height: 40px;
    margin: 0 102px;
  }
  .owl_major .owl-nav [class*=owl-] {
    width: 102px;
    height: 77px;
    margin-left: -102px;
  }
  .owl_major .owl-nav .owl-next {
    margin-right: -102px;
  }
}

.mj_time {
  position: relative;
  margin-bottom: 2rem;
  line-height: 50px;
  font-size: 0.88em;
  color: rgba(67, 68, 73, 0.5);
  text-align: center;
  font-family: "Open Sans", sans-serif;
}
.mj_time::before, .mj_time::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #2661bc;
}
.mj_time::before {
  left: calc(50% - (20px / 2));
  bottom: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.mj_time::after {
  left: calc(50% - (3px / 2));
  bottom: -2.25rem;
  width: 3px;
  height: 28px;
}

.mj_img {
  position: relative;
  overflow: hidden;
  width: 180px;
  margin: 0 auto;
  height: 0;
  padding-bottom: calc(180px - (3px * 2));
  border-radius: 50%;
  border: 3px solid #2661bc;
}
.mj_img::after, .mj_img img {
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.mj_img::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mj_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.mj_img figcaption {
  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;
  position: absolute;
  top: 3rem;
  right: 3rem;
  bottom: 3rem;
  left: 3rem;
  color: white;
  font-size: 0.88em;
  border-radius: 50%;
  background: rgba(38, 97, 188, 0.75);
  opacity: 0;
}

.mj_txt {
  width: 80%;
  max-width: 200px;
  margin: 1rem auto 0;
  line-height: 1.2;
  color: black;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.mj_item {
  position: relative;
  display: block;
}
.mj_item::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mj_item:hover .mj_time, .mj_item:focus .mj_time {
  font-size: 1.33em;
  font-style: italic;
  color: #2661bc;
  font-weight: bold;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.mj_item:hover .mj_img img, .mj_item:focus .mj_img img {
  -webkit-filter: blur(0.25rem);
          filter: blur(0.25rem);
}
.mj_item:hover .mj_img figcaption, .mj_item:focus .mj_img figcaption {
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: 1;
}
.mj_item:hover .mj_txt, .mj_item:focus .mj_txt {
  color: #2661bc;
}
.mj_item:focus::before {
  border: 3px dashed #bfa6ff;
}

.no-js .owl_major {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/*--------------------------------*/
/*--------------------------------*/
.rlinks_row {
  padding: 2rem 0;
  background-color: #edecf2;
}
.rlinks_half {
  padding: 1rem 0.5rem;
}
@media (min-width: 768px) {
  .rlinks_row .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .rlinks_half {
    width: 50%;
  }
  .rlinks_half .itit_s {
    max-width: calc((180px * 2) + 1rem);
    margin: 0 auto;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .rlinks_half {
    padding: 1rem 0.5rem 3rem;
  }
  .rlinks_half .itit_s {
    max-width: calc((180px * 3) + 2rem);
    margin: 0 auto;
    padding: 1rem 0 3rem;
  }
}
@media (min-width: 1400px) {
  .rlinks_row .container {
    width: 1400px;
  }
}

.rlinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.rlinks li {
  width: calc(50% - 1rem);
  max-width: 180px;
  margin: 0.5rem;
}
.rlinks a {
  display: block;
}
.rlinks a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(36, 30, 71, 0.25);
          box-shadow: 0 0.5rem 1rem rgba(36, 30, 71, 0.25);
}
.rlinks a:focus {
  outline: none;
  border: 3px dashed #bfa6ff;
}

/*--------------------------------*/
/*--------------------------------*/
.ifbook {
  margin-top: 1rem;
  text-align: center;
}
.ifbook .fb-page {
  -webkit-box-shadow: 0 1rem 1rem -0.25rem rgba(36, 30, 71, 0.15);
          box-shadow: 0 1rem 1rem -0.25rem rgba(36, 30, 71, 0.15);
}

.no-js .fb-page a {
  display: block;
  padding: 2rem;
  color: rgba(255, 255, 255, 0.75);
  background: #52a6fb;
}
.no-js .fb-page a:hover, .no-js .fb-page a:focus {
  color: white;
}
.no-js .fb-page a:focus {
  border: 3px dashed #bfa6ff;
}

/*--------------------------------*/
/*--------------------------------*/
.InUp, .InLeft {
  opacity: 0;
}

.InUp.scrollanimate {
  opacity: 1;
  -webkit-animation: InUp_animate 2s cubic-bezier(0, 0.8, 0.5, 1.2);
          animation: InUp_animate 2s cubic-bezier(0, 0.8, 0.5, 1.2);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@-webkit-keyframes InUp_animate {
  0%, 10% {
    opacity: 0;
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
  }
  90%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes InUp_animate {
  0%, 10% {
    opacity: 0;
    -webkit-transform: translateY(200px);
            transform: translateY(200px);
  }
  90%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.InLeft.scrollanimate {
  opacity: 1;
  -webkit-animation: InLeft_animate 2s cubic-bezier(0, 0.8, 0.5, 1.2);
          animation: InLeft_animate 2s cubic-bezier(0, 0.8, 0.5, 1.2);
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

@-webkit-keyframes InLeft_animate {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.no-js .InUp, .no-js .InLeft {
  opacity: 1;
}