html, body {
  background-color: #f3efee;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: 'Noto Serif TC', serif;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, p {
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 30px;
  font-weight: bold;
}

p {
  font-size: 18px;
  color: #333;
}

ul li {
  font-size: 18px;
  color: #333;
}

ol li {
  font-size: 18px;
  color: #333;
  line-height: 2;
}

header {
  padding: 4px 0;
  background-color: #b67162;
}

header .uk-container {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

header .uk-container p {
  font-size: 16px;
  color: #fff;
}

header .uk-container p a {
  color: #fff;
  text-decoration: none;
}

@media (max-width: 640px) {
  header {
    display: none;
  }
}

.uk-navbar-nav > li > a {
  font-size: 18px;
  color: #333;
  position: relative;
}

.uk-navbar-nav > li > a:hover {
  color: #333;
}

.uk-navbar-nav > li > a::before {
  content: '';
  display: block;
  position: absolute;
  left: 15px;
  right: calc(102% - 15px);
  bottom: 20px;
  height: 3px;
  background-image: linear-gradient(135deg, #ffb199 0%, #ff0844 100%);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  -webkit-transition-property: right;
  transition-property: right;
}

.uk-navbar-nav > li > a:hover::before {
  right: 15px;
}

.uk-navbar-dropdown-nav .uk-nav-header {
  font-size: 16px;
  background-image: linear-gradient(-45deg, #ffb199 0%, #ff0844 100%);
  padding: 0 8px;
  border-radius: 50px;
  color: #fff;
  font-weight: bold;
}

.uk-navbar-dropdown-nav > li > a {
  color: #333;
  padding-left: 8px;
}

.uk-navbar-dropdown-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover {
  color: #b67162;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background-color: #fff;
}

.uk-sticky-fixed {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.uk-navbar-dropbar, .uk-navbar-dropdown {
  background-color: #fff1ed;
}

.uk-offcanvas-bar {
  background-color: #fff1ed;
}

.uk-offcanvas-bar h2 {
  color: #333;
  font-weight: normal;
  font-size: 36px;
}

.uk-offcanvas-bar hr {
  height: 2px;
  border-radius: 50px;
  background-image: linear-gradient(135deg, #ffb199 0%, #ff0844 100%);
}

.uk-offcanvas-bar .uk-close {
  color: #333;
}

.uk-offcanvas-bar .uk-close:hover {
  color: #333;
}

.uk-offcanvas-bar .uk-nav-primary > li > a {
  color: #333;
}

.uk-offcanvas-bar .uk-nav-primary > li > a:hover {
  color: #b67162;
}

.uk-navbar-toggle {
  display: none;
}

@media (max-width: 960px) {
  .uk-navbar-nav {
    display: none;
  }
  .uk-navbar-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

ul.uk-slideshow-items {
  position: relative;
}

ul.uk-slideshow-items li::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, right top, from(#faf1e6), color-stop(60%, rgba(250, 241, 230, 0.6)), color-stop(80%, rgba(250, 241, 230, 0.1)));
  background-image: linear-gradient(to right, #faf1e6 0%, rgba(250, 241, 230, 0.6) 60%, rgba(250, 241, 230, 0.1) 80%);
  z-index: 1;
}

ul.uk-slideshow-items li .uk-position-center-left {
  padding-left: 40px;
  padding-right: 40px;
  position: absolute;
  z-index: 2;
}

ul.uk-slideshow-items h2 {
  font-size: 36px;
  color: #333;
  text-align: left;
}

ul.uk-slideshow-items p {
  color: #333;
  text-align: left;
}

ul.uk-slideshow-items button {
  font-size: 16px;
}

@media (max-width: 640px) {
  ul.uk-slideshow-items li::before {
    background-image: -webkit-gradient(linear, left top, right top, from(#faf1e6), to(rgba(250, 241, 230, 0.6)));
    background-image: linear-gradient(to right, #faf1e6 0%, rgba(250, 241, 230, 0.6) 100%);
  }
  ul.uk-slideshow-items li .uk-position-center-left {
    padding-left: 20px;
    padding-right: 20px;
  }
  ul.uk-slideshow-items h2 {
    font-size: 28px;
  }
}

.analysis {
  padding: 48px 0;
  width: 100%;
}

.analysis h2.uk-heading-line > ::after, .analysis h2.uk-heading-line > ::before {
  border-bottom: 1.5px solid #ebcfc4;
}

.analysis p.uk-text-center {
  font-size: 16px;
  color: #666;
}

.analysis .analysis-set {
  width: 100%;
  margin-top: 36px;
}

.analysis .analysis-set .analysis-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: none;
      -ms-flex-align: none;
          align-items: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.analysis .analysis-set .analysis-block .analysis-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: none;
      -ms-flex-align: none;
          align-items: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 20px;
  margin: 20px;
  padding: 20px;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.analysis .analysis-set .analysis-block .analysis-item .analysis-content {
  width: calc( 100% - 20px);
  margin-left: 20px;
}

.analysis .analysis-set .analysis-block .analysis-item .analysis-content h3.uk-card-title {
  font-weight: bold;
  margin-bottom: 12px;
}

.analysis .analysis-set .analysis-block .analysis-item .analysis-content p {
  margin-bottom: 12px;
}

.analysis .analysis-set .analysis-block .analysis-item .analysis-content a.uk-button {
  font-size: 16px;
  color: #b67162;
  font-weight: bold;
}

.analysis .analysis-set .analysis-block .analysis-item .analysis-content a.uk-button-text::before {
  border-bottom: 1px solid #b67162;
}

.analysis .analysis-set .analysis-block .analysis-item:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.analysis .analysis-set .analysis-block .analysis-item-2-col {
  width: calc( (100% - 160px) / 2);
}

.analysis .analysis-set .analysis-block .analysis-item-2-col .analysis-img {
  width: 180px;
  height: 120px;
  background-size: cover;
  background-position: center;
}

.analysis .analysis-set .analysis-block .analysis-item-2-col .analysis-content {
  width: calc( 100% - 200px);
}

.analysis .analysis-set .analysis-block .analysis-item-3-col {
  width: calc( (100% - 240px) / 3);
}

.analysis .analysis-set .analysis-block .analysis-item-3-col .analysis-content {
  width: 100%;
  margin-left: 0;
}

.analysis .analysis-set .analysis-block .analysis-item::before {
  content: '';
  position: absolute;
  bottom: -40px;
  right: 20px;
  font-size: 160px;
  color: #f3efee;
  z-index: -1;
}

.analysis .analysis-set .analysis-block .analysis-item-2-col:nth-child(1)::before {
  content: '1';
}

.analysis .analysis-set .analysis-block .analysis-item-2-col:nth-child(2)::before {
  content: '2';
}

.analysis .analysis-set .analysis-block .analysis-item-3-col:nth-child(1)::before {
  content: '3';
}

.analysis .analysis-set .analysis-block .analysis-item-3-col:nth-child(2)::before {
  content: '4';
}

.analysis .analysis-set .analysis-block .analysis-item-3-col:nth-child(3)::before {
  content: '5';
}

@media (max-width: 960px) {
  .analysis .analysis-set .analysis-block .analysis-item {
    margin: 10px;
  }
  .analysis .analysis-set .analysis-block .analysis-item-2-col {
    width: calc( (100% - 60px) / 1);
  }
  .analysis .analysis-set .analysis-block .analysis-item-3-col {
    width: calc( (100% - 60px) / 1);
  }
}

@media (max-width: 640px) {
  .analysis .analysis-set .analysis-block .analysis-item-2-col .analysis-img {
    width: 100%;
    height: 100px;
  }
  .analysis .analysis-set .analysis-block .analysis-item-2-col .analysis-content {
    width: 100%;
    margin-left: 0;
    margin-top: 12px;
  }
}

.intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0;
  width: 100%;
}

.intro .intro-img {
  width: 300px;
  margin-left: 48px;
  padding-bottom: 350px;
  background-image: url("../img/couple.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.intro .intro-content {
  width: calc( 100% - 398px);
  margin-left: 48px;
}

.intro .intro-content h2.uk-heading-line > ::after, .intro .intro-content h2.uk-heading-line > ::before {
  border-bottom: 1.5px solid #ebcfc4;
}

.intro .intro-content p span {
  background-color: #fad0c4;
}

.intro .intro-content ul {
  padding-left: 10px;
}

.intro .intro-content ul li {
  list-style-type: none;
}

.intro .intro-content ul li .uk-icon {
  padding-right: 4px;
}

.intro .intro-content ul li .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: #ff0844;
}

@media (max-width: 960px) {
  .intro {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .intro .intro-img {
    margin-left: 0;
  }
  .intro .intro-content {
    width: 100%;
    margin-left: 0;
  }
}

.help {
  padding: 48px 0;
  width: 100%;
  position: relative;
  z-index: 1;
}

.help h2 {
  font-size: 36px;
}

.help h3 {
  font-size: 28px;
}

.help .uk-container .service-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: none;
      -ms-flex-align: none;
          align-items: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 36px;
}

.help .uk-container .service-set .contact {
  width: 260px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 20px;
  margin: 5px 20px;
  margin-left: 5px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.help .uk-container .service-set .contact h4 {
  font-size: 24px;
  background-color: #fad0c4;
  text-align: center;
  border-radius: 4px;
  margin-bottom: 4px;
}

.help .uk-container .service-set .contact button.uk-button {
  font-size: 20px;
  width: 100%;
  margin-top: 24px;
}

.help .uk-container .service-set .contact p a {
  text-decoration: none;
  color: #333;
}

.help .uk-container .service-set .contact p a:hover {
  color: #b67162;
}

.help .uk-container .service-set .contact::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc( 100% - 14px);
  height: calc( 100% - 14px);
  border: 2px solid #ebcfc4;
  z-index: -1;
}

.help .uk-container .service-set .service-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: none;
      -ms-flex-align: none;
          align-items: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc( 100% - 342px);
}

.help .uk-container .service-set .service-block a.service-item {
  width: calc( (100% - 100px) / 2);
  padding: 20px;
  margin: 5px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
  text-decoration: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  position: relative;
  z-index: 1;
}

.help .uk-container .service-set .service-block a.service-item h4 {
  font-size: 24px;
  color: #fff;
}

.help .uk-container .service-set .service-block a.service-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
}

.help .uk-container .service-set .service-block a.service-item:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.help .uk-container .help-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: none;
      -ms-flex-align: none;
          align-items: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc( 100% - 40px);
  margin-top: 48px;
  padding: 0 20px;
}

.help .uk-container .help-set .help-item {
  width: calc( (100% - 170px) / 4);
  padding: 0 20px;
  border-left: 2px solid #ebcfc4;
}

.help .uk-container .help-set .help-item h4 {
  background-color: #fad0c4;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 4px;
}

.help .uk-container .help-set .help-item p {
  font-size: 16px;
}

.help .uk-container .help-set .help-item p a {
  text-decoration: none;
  color: #333;
}

.help .uk-container .help-set .help-item p a:hover {
  color: #b67162;
}

.help .uk-container .help-set .help-item p span {
  color: #ff0844;
}

.help .uk-container .help-set .help-item:last-child {
  border-right: 2px solid #ebcfc4;
}

.help::before {
  content: '';
  position: absolute;
  top: 72px;
  left: -10%;
  width: 120%;
  height: 320px;
  background-image: url("../img/banner.png");
  background-size: contain;
  background-position: top;
  z-index: -1;
}

@media (max-width: 960px) {
  .help .uk-container .service-set .service-block .service-item {
    width: calc( (100% - 50px) / 1);
  }
  .help .uk-container .help-set {
    margin-top: 24px;
  }
  .help .uk-container .help-set .help-item {
    width: calc( (100% - 89px) / 2);
    border-left: 4px solid #ebcfc4;
    margin-top: 12px;
  }
  .help .uk-container .help-set .help-item:last-child {
    border-right: 0px solid #ebcfc4;
  }
}

@media (max-width: 640px) {
  .help .uk-container .service-set .contact {
    width: 100%;
    margin: 5px;
  }
  .help .uk-container .service-set .service-block {
    width: 100%;
  }
  .help .uk-container .service-set .service-block .service-item {
    width: calc( (100% - 50px) / 1);
  }
  .help .uk-container .help-set {
    padding: 0 6px;
    width: calc( 100% - 12px);
  }
  .help .uk-container .help-set .help-item {
    width: 100%;
  }
}

.pick {
  padding: 24px 0;
  width: 100%;
}

.pick .uk-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 24px;
}

.pick .uk-container .pick-set {
  width: calc( 100% - 468px);
  margin-right: 20px;
  position: relative;
  z-index: 1;
}

.pick .uk-container .pick-set h2.uk-heading-bullet::before {
  border-left: calc(5px + .1em) solid #ebcfc4;
}

.pick .uk-container .pick-set .uk-slider-container-offset div ul li .uk-card-small .uk-card-body {
  padding-right: 60px;
  margin-left: 40px;
}

.pick .uk-container .pick-set .uk-slider-container-offset div ul li .uk-card-small h3.uk-card-title {
  border-bottom: 1.5px solid #ebcfc4;
  padding-bottom: 4px;
  margin-bottom: 8px;
}

.pick .uk-container .pick-set .uk-slider-container-offset div ul li .uk-card-small h3.uk-card-title span {
  color: #ff0844;
}

.pick .uk-container .pick-set .uk-slider-container-offset div ul li .uk-card-small p a.uk-button {
  font-size: 16px;
  color: #b67162;
  font-weight: bold;
}

.pick .uk-container .pick-set .uk-slider-container-offset div ul li .uk-card-small p a.uk-button-text::before {
  border-bottom: 1px solid #b67162;
}

.pick .uk-container .pick-bg {
  width: 400px;
  height: 300px;
  background-image: url("../img/family.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 960px) {
  .pick .uk-container .pick-set {
    width: calc( 100% - 48px);
    margin-right: 0;
    margin-bottom: 24px;
  }
}

@media (max-width: 640px) {
  .pick .uk-container {
    padding: 0 6px;
  }
  .pick .uk-container .pick-set {
    width: calc( 100% - 48px);
    margin-right: 0;
    margin-bottom: 24px;
  }
  .pick .uk-container .pick-set .uk-slider-container-offset div ul li .uk-card-small .uk-card-body {
    padding-right: 40px;
    margin-left: 20px;
  }
  .pick .uk-container .pick-set .uk-slider-container-offset div a.uk-position-small {
    margin: 0;
  }
}

.recommend {
  padding: 24px 0;
  padding-bottom: 48px;
  width: 100%;
}

.recommend .uk-container h2.uk-heading-line > ::after, .recommend .uk-container h2.uk-heading-line > ::before {
  border-bottom: 1.5px solid #ebcfc4;
}

.recommend .uk-container p {
  margin-bottom: 36px;
}

footer {
  padding: 16px 0;
  width: 100%;
  background-color: #ebcfc4;
}

footer p {
  font-size: 16px;
}

@media (max-width: 640px) {
  footer {
    padding-bottom: 80px;
  }
}

.sub-navbar {
  position: fixed;
  bottom: 50%;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  right: 0;
  width: 54px;
  z-index: 100;
  background-image: linear-gradient(135deg, #ffb199 0%, #ff0844 100%);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.sub-navbar ul.uk-subnav {
  margin: 0;
}

.sub-navbar ul.uk-subnav > * {
  padding-left: 0;
}

.sub-navbar ul.uk-subnav-pill > * > :first-child {
  padding: 10px 10px;
}

.sub-navbar ul.uk-subnav-pill > * > a:hover, .sub-navbar ul.uk-subnav-pill > * > a:focus {
  background-color: transparent;
}

.sub-navbar ul.uk-subnav-pill > * > a:hover .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve), .sub-navbar ul.uk-subnav-pill > * > a:focus .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: #333;
}

.sub-navbar ul.uk-subnav-pill > * > a:hover svg, .sub-navbar ul.uk-subnav-pill > * > a:focus svg {
  fill: #333;
}

.sub-navbar li.uk-first-column:first-child {
  padding-left: 0;
}

.sub-navbar .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: #fff;
}

.sub-navbar .uk-subnav-pill svg {
  fill: #fff;
  width: 36px;
  height: 36px;
}

@media (max-width: 640px) {
  .sub-navbar {
    position: fixed;
    bottom: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    right: 0;
    width: 100%;
    z-index: 100;
    background-image: linear-gradient(135deg, #ffb199 0%, #ff0844 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  .sub-navbar ul.uk-subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.banner {
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
}

.banner .uk-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
}

.banner .uk-container .banner-content {
  background-color: rgba(255, 255, 255, 0.95);
  padding: 8px 48px;
  padding-bottom: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
}

.banner .uk-container .banner-content h1, .banner .uk-container .banner-content p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  color: #b67162;
}

.banner .uk-container .banner-content h1 span, .banner .uk-container .banner-content p span {
  font-size: 48px;
  color: #ff9a9e;
  border-bottom: 1px solid #b67162;
}

.banner .uk-container .banner-content::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc( 100% - 12px);
  height: calc( 100% - 12px);
  border: 1px solid #b67162;
  z-index: -1;
}

.banner-intro {
  background-image: url("../img/banner-intro.jpg");
}

.banner-article {
  background-image: url("../img/banner-article.jpg");
}

.banner-detect {
  background-image: url("../img/banner-detect.jpg");
}

.banner-contact {
  background-image: url("../img/banner-contact.jpg");
}

.banner-article1 {
  background-image: url("../img/article1.jpg");
}

.banner-article2 {
  background-image: url("../img/article2.jpg");
}

.banner-article3 {
  background-image: url("../img/article3.jpg");
}

.banner-article4 {
  background-image: url("../img/article4.jpg");
}

.banner-article5 {
  background-image: url("../img/article5.jpg");
}

.banner-article6 {
  background-image: url("../img/article6.jpg");
}

.banner-article7 {
  background-image: url("../img/article7.jpg");
}

.sub-page {
  padding: 48px 0;
}

.sub-page .uk-container h2.uk-heading-line > ::after, .sub-page .uk-container h2.uk-heading-line > ::before {
  border-bottom: 1.5px solid #ebcfc4;
}

.sub-page .uk-container p.description {
  text-align: center;
  background-color: #fad0c4;
  margin-top: 12px;
  border-radius: 40px;
  padding: 2px 12px;
}

.sub-page .uk-container h3 {
  color: #ff0844;
  font-weight: bold;
  font-size: 20px;
}

.sub-page .uk-container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sub-page .uk-container .content .text {
  width: 100%;
}

.sub-page .uk-container .content .text ul {
  padding-left: 10px;
}

.sub-page .uk-container .content .text ul li {
  list-style-type: none;
  line-height: 2;
}

.sub-page .uk-container .content .text ul li .uk-icon {
  padding-right: 4px;
}

.sub-page .uk-container .content .text ul li .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: #ff0844;
}

.sub-page .uk-container .content .text span.mark {
  background-color: #fad0c4;
}

.sub-page .uk-container .content .text a {
  color: #333;
  text-decoration: none;
}

.sub-page .uk-container .content .text a span.underline {
  border-bottom: 1.5px dashed #ff9a9e;
}

.sub-page .uk-container .content .text a:hover {
  color: #b67162;
}

.sub-page .uk-container .content .text span.underline {
  border-bottom: 1.5px dashed #ff0844;
}

.sub-page .uk-container .content .text ol {
  width: calc( 100% - 40px);
}

.sub-page .uk-container button {
  font-size: 18px;
  border-radius: 40px;
  margin-top: 24px;
}

.sub-contact {
  width: 100%;
  height: 200px;
  background-image: url("../img/banner.png");
  background-size: cover;
  background-position: center;
}

.sub-contact .uk-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 100%;
}

.sub-contact .uk-container h2 {
  width: 100%;
  text-align: center;
  font-size: 36px;
}

.sub-contact .uk-container h3 {
  width: 100%;
  text-align: center;
  font-size: 28px;
}

.sub-contact .uk-container button {
  margin-top: 12px;
  font-size: 16px;
}

@media (max-width: 640px) {
  .sub-contact .uk-container h2 {
    font-size: 28px;
  }
  .sub-contact .uk-container h3 {
    font-size: 20px;
  }
}

@media (max-width: 400px) {
  .banner .uk-container .banner-content h1 span {
    font-size: 36px;
  }
  .sub-contact .uk-container h2 {
    font-size: 28px;
  }
  .sub-contact .uk-container h3 {
    font-size: 20px;
  }
}

.sub-page-intro .uk-container .content .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 20px;
  width: 400px;
}

.sub-page-intro .uk-container .content .img img {
  margin: 20px;
}

.sub-page-intro .uk-container .content .text {
  width: calc( 100% - 440px);
}

@media (max-width: 960px) {
  .sub-page-intro .uk-container .content .img {
    width: 240px;
  }
  .sub-page-intro .uk-container .content .text {
    width: calc( 100% - 280px);
  }
}

@media (max-width: 640px) {
  .sub-page-intro .uk-container .content .img {
    width: 100%;
  }
  .sub-page-intro .uk-container .content .text {
    width: 100%;
  }
}

.sub-page-detect .uk-container .content {
  margin-bottom: 48px;
}

.sub-page-detect .uk-container .content .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.sub-page-detect .uk-container .content .column a.column-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc( (100% - 80px) / 2);
  margin: 10px 20px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.sub-page-detect .uk-container .content .column a.column-item .column-img {
  padding: 20px;
  padding-right: 0;
}

.sub-page-detect .uk-container .content .column a.column-item .column-img img {
  width: 160px;
  height: 100%;
}

.sub-page-detect .uk-container .content .column a.column-item .column-text {
  width: calc( 100% - 220px);
  padding: 20px;
}

.sub-page-detect .uk-container .content .column a.column-item .column-text h3 {
  margin-bottom: 8px;
}

@media (max-width: 960px) {
  .sub-page-detect .uk-container .content .column .column-item {
    width: calc( (100% - 40px) / 1);
  }
}

@media (max-width: 640px) {
  .sub-page-detect .uk-container .content .column .column-item .column-img {
    padding-right: 20px;
    padding-bottom: 0;
  }
  .sub-page-detect .uk-container .content .column .column-item .column-img img {
    width: 100%;
    height: 100%;
  }
  .sub-page-detect .uk-container .content .column .column-item .column-text {
    width: calc( 100% - 40px);
    padding: 20px;
  }
}

.sub-page-article .uk-container .content .block-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.sub-page-article .uk-container .content .block-set .block-item {
  width: calc( (100% - 160px) / 4);
  padding: 20px;
}

.sub-page-article .uk-container .content .block-set .block-item h3 {
  font-size: 24px;
  color: #fff;
  background-size: cover;
  background-position: center;
  height: 72px;
  border-radius: 4px;
  padding-top: 8px;
  padding-left: 12px;
  font-weight: normal;
  position: relative;
  z-index: 1;
}

.sub-page-article .uk-container .content .block-set .block-item h3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: -1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.sub-page-article .uk-container .content .block-set .block-item h3.block-img-1 {
  background-image: url("../img/article1.jpg");
}

.sub-page-article .uk-container .content .block-set .block-item h3.block-img-2 {
  background-image: url("../img/article2.jpg");
}

.sub-page-article .uk-container .content .block-set .block-item h3.block-img-3 {
  background-image: url("../img/article3.jpg");
}

.sub-page-article .uk-container .content .block-set .block-item h3.block-img-4 {
  background-image: url("../img/article4.jpg");
}

.sub-page-article .uk-container .content .block-set .block-item h3.block-img-5 {
  background-image: url("../img/article5.jpg");
}

.sub-page-article .uk-container .content .block-set .block-item h3.block-img-6 {
  background-image: url("../img/article6.jpg");
}

.sub-page-article .uk-container .content .block-set .block-item h3.block-img-7 {
  background-image: url("../img/article7.jpg");
}

.sub-page-article .uk-container .content .block-set .block-item ul {
  padding-left: 0;
  margin-top: 8px;
}

.sub-page-article .uk-container .content .block-set .block-item ul li {
  list-style-type: none;
  line-height: 2;
}

.sub-page-article .uk-container .content .block-set .block-item ul li a {
  text-decoration: none;
  color: #333;
}

.sub-page-article .uk-container .content .block-set .block-item ul li a:hover {
  color: #b67162;
}

.sub-page-article .uk-container .content .block-set .block-item ul li .uk-icon {
  fill: #ff0844;
}

.sub-page-article .uk-container .content .block-set .block-item:hover h3::before {
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 960px) {
  .sub-page-article .uk-container .content .block-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .sub-page-article .uk-container .content .block-set .block-item {
    width: calc( (100% - 80px) / 2);
  }
}

@media (max-width: 640px) {
  .sub-page-article .uk-container .content .block-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .sub-page-article .uk-container .content .block-set .block-item {
    width: calc( (100% - 40px) / 1);
  }
}

.sub-page-category .uk-container h1 {
  font-size: 30px;
  font-weight: bold;
}

.sub-page-category .uk-container h1.uk-heading-line > ::after, .sub-page-category .uk-container h1.uk-heading-line > ::before {
  border-bottom: 1.5px solid #ebcfc4;
}

.sub-page-category .uk-container .content .text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
}

.sub-page-category .uk-container .content .text ul li {
  border-bottom: 1.5px dashed #ccc;
  width: calc( (100% - 48px) / 2);
  margin: 0 12px;
}

.sub-page-category .uk-container .content .text ul li .uk-icon {
  fill: #ff0844;
}

@media (max-width: 640px) {
  .sub-page-category .uk-container .content .text ul li {
    border-bottom: 1.5px dashed #ccc;
    width: calc( (100% - 24px) / 1);
  }
}
/*# sourceMappingURL=style.css.map */