.title_style {
  line-height: 1.3;
  color: #2e2e2e;
  position: relative;
  text-align: center;
  z-index: 1;
}

@media (max-width: 767px) {
  .sec_title {
    text-align: center;
  }
}

span.marker {
  background-color: #ff0;
}

q.q {
  quotes: inherit;
}

q.q:before {
  content: open-quote;
  quotes: inherit;
}

q.q:after {
  content: close-quote;
  quotes: inherit;
}

.version_menu_02 .upNavStyle {
  background: #f2f2f2;
  border-top: 3px solid #fabe00;
  border-bottom: 1px solid #ddd;
}

.version_menu_02 .upNavStyle .navtool {
  border-bottom: none;
}

@media (max-width: 575px) {
  .version_menu_02 .upNavStyle .navtool {
    border-bottom: none;
  }
}

.version_menu_02 .upNavStyle .navtool .setting__block,
.version_menu_02 .upNavStyle .navtool .setting_lang_block {
  left: 0;
  right: auto;
  z-index: 10000;
}

@media (max-width: 767px) {
  .version_menu_02 .upNavStyle .navtool .setting__block,
  .version_menu_02 .upNavStyle .navtool .setting_lang_block {
    left: 0px;
    right: initial;
  }
}

.version_menu_02 .upNavStyle .navtool .form-control:focus {
  border-color: #aaa;
  outline: 0;
  box-shadow: none;
}

.version_menu_02 .upNavStyle .navtool .setting_lang_active .lanStyle {
  font-size: 0.75rem;
  font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-weight: normal;
}

.version_menu_02 .upNavStyle .navtool .setting_lang_active i {
  font-size: 0.75rem;
}

.version_menu_02 .upNavStyle a.gtut-gtm-links.facebook:hover {
  color: #3b5998;
}

.version_menu_02 .upNavStyle a.gtut-gtm-links.fab.google-plus:hover {
  color: #dd4b39;
}

.version_menu_02 .upNavStyle a.gtut-gtm-links.fab.youtube:hover {
  color: #c4302b;
}

.version_menu_02 .upNavStyle a.gtut-gtm-links.fab.twitter:hover {
  color: #000;
}

.version_menu_02 .upNavStyle a.gtut-gtm-links.fab.instagram:hover {
  color: #3f729b;
}

.version_menu_02 .upNavStyle a.gtut-gtm-links.fab.pinterest:hover {
  color: #c8232c;
}

.version_menu_02 .upNavStyle a.gtut-gtm-links.line:hover {
  color: #00b400;
}

.version_menu_02 .navtool .header__sidebar__right {
  height: auto;
}

.version_menu_02 .mobileMenu_nav > ul {
  border-top: none;
}

.version_menu_02 .mobileMenu_nav .setting__bar__icon span a {
  border-bottom: 1px solid #ddd;
  background-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(51, 51, 51, 0.1);
}

.version_menu_02 .mobileMenu_nav .setting__bar__icon span:nth-last-child(1) a {
  border-bottom: none;
}

.version_menu_02 .mobileMenu_nav span.product_qun.ya-cart__count {
  padding: 3px 7px;
  background-color: #fabe00;
  border-radius: 10px;
  color: #fff;
  transition: 0.3s;
  font-size: 0.875rem;
}

.version_menu_02 .mobileMenu_nav li a:hover span.product_qun.ya-cart__count {
  background: #fabe00;
}

.version_menu_02 .mobileMenu_nav .form-control:focus {
  border-color: #aaa;
  outline: 0;
  box-shadow: none;
}

.version_menu_02 .mobile-nav-btn {
  border: none;
  font-size: 1.75rem;
  z-index: 9999;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
  background: rgba(0, 0, 0, 0);
}

.version_menu_02 .mobile-nav-btn i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}

.version_menu_02 .mobileMenu_nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  display: none;
}

.version_menu_02 .mobileMenu_nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.version_menu_02 .mobileMenu_nav > ul {
  border-top: solid #ddd thin;
}

.version_menu_02 .mobileMenu_nav li {
  border-bottom: solid #ddd thin;
}

.version_menu_02 .mobileMenu_nav li .btn-addmenu > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #323334;
}

.version_menu_02 .mobileMenu_nav li .btn-addmenu > div:hover,
.version_menu_02 .mobileMenu_nav li .btn-addmenu > div:focus {
  background: #fabe00;
  color: #f2f2f2;
}

.version_menu_02 .mobileMenu_nav li li:last-child {
  border-bottom: none;
}

.version_menu_02 .mobileMenu_nav li li .btn-addmenu:before {
  content: "";
  background: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.1;
}

.version_menu_02 .mobileMenu_nav li li .btn-addmenu .js_btn_add {
  display: flex;
}

.version_menu_02 .mobileMenu_nav li a,
.version_menu_02 .mobileMenu_nav li .li-menu {
  display: block;
  padding: 15px 15px;
  color: #323334;
}

.version_menu_02 .mobileMenu_nav li a:hover,
.version_menu_02 .mobileMenu_nav li a:focus,
.version_menu_02 .mobileMenu_nav li .li-menu:hover,
.version_menu_02 .mobileMenu_nav li .li-menu:focus {
  color: #fabe00;
}

.version_menu_02 .js-nav-btnopen.nav-color {
  background: #f2f2f2;
  color: #333;
}

.version_menu_02 .menu-list ul {
  background: rgba(0, 0, 0, 0.1);
}

.version_menu_02 .menu-list ul a,
.version_menu_02 .menu-list ul .li-menu {
  color: #323334;
}

.version_menu_02 .menu-list > div {
  position: relative;
  padding-right: 50px;
}

.version_menu_02 .menu-list .btn-addmenu {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  border-left: solid #d0d0d0 thin;
  width: 50px;
  height: 100%;
}

.version_menu_02 .menu-list .btn-addmenu > div {
  font-size: 1.25rem;
}

.version_menu_02 .menu-list > ul {
  display: none;
}

.version_footer_01 .socci_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5625rem;
}

.version_footer_01 .ft__logo {
  margin-bottom: 1.5625rem;
}

@media (max-width: 767px) {
  .version_footer_01 .ft__menu li {
    text-align: center;
  }
}

.version_footer_02 .footer__address {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.version_footer_02 .footer__address ul {
  margin-right: 30px;
}

.version_footer_02 .footer__address ul:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .version_footer_02 .footer__address ul {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .version_footer_02 .footer__address ul li {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .version_footer_02 .footer__address ul li {
    display: block;
  }
}

.version_footer_02 .ft__logo {
  justify-content: center;
  margin-bottom: 1.5625rem;
}

.version_footer_02 .footer__widget {
  text-align: center;
  margin-bottom: 1rem;
}

.version_footer_02 .ft__menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.version_footer_02 .ft__menu li {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .version_footer_02 .ft__menu li {
    margin-right: 0;
    width: 100%;
  }
}

.version_footer_02 .ft__menu li a::before {
  display: none;
}

.version_footer_02 .ft__menu li:last-child {
  margin-right: 0;
}

.version_footer_02 .social__net {
  margin-top: 1rem;
}

.version_footer_02 .copyright__wrapper {
  text-align: center;
}

@media (max-width: 767px) {
  .version_footer_03 #footer_logo {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .version_footer_03 .footer__address ul li {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .version_footer_03 .footer__address ul li {
    display: block;
  }
}

.version_footer_03 .ftbar li {
  position: relative;
  padding: 0 15px;
}

.version_footer_03 .ftbar li:after {
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  border-right: 1px solid #777;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.version_footer_03 .ftbar li:nth-last-child(1)::after {
  display: none;
}

.version_footer_03 .ftbar li .list_style {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 0 0 0.3125rem;
}

.version_footer_03 .ftbar .drop ul {
  display: none;
}

.version_footer_03 .ftbar li a {
  display: block;
  padding: 5px 10px;
  position: relative;
}

.version_footer_03 .ftbar {
  border-bottom: 1px solid #777;
}

.version_footer_03 .copyright__wrapper {
  text-align: center;
}

.version_footer_04 #footer_logo {
  display: flex;
  align-items: center;
}

.version_footer_04 #footer_logo img {
  width: 100%;
}

@media (max-width: 767px) {
  .version_footer_04 #footer_logo {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .version_footer_04 .footer__address {
    margin-bottom: 1.5rem;
  }
}

.version_footer_05 .logo-and-text {
  padding-top: 3rem;
}

@media (min-width: 1025px) {
  .version_footer_05 .logo-and-text {
    padding-bottom: 3rem;
    padding-top: 6rem;
  }
}

.version_footer_05 .section_Area_spacing {
  padding: 2.5rem 0;
}

@media (max-width: 991px) {
  .version_footer_05 .footer__address ul li {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .version_footer_05 .footer__address ul li {
    display: block;
  }
}

.version_footer_05 #footer_logo {
  justify-content: center;
  align-items: center;
  margin-bottom: 0.9375rem;
}

.version_footer_05 #cominfo {
  width: 100%;
}

@media (max-width: 1199px) {
  .version_footer_05 #cominfo {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .version_footer_05 #cominfo {
    display: flex;
    align-items: center;
    border-left: 1px rgba(242, 242, 242, 0.3) solid;
    padding-left: 5rem;
  }
}

@media (min-width: 1200px) {
  .version_footer_05 iframe {
    height: 100%;
  }
}

.version_footer_05 .copyright__wrapper {
  padding-bottom: 0.5rem;
}

.version_footer_05 .social__net {
  display: flex;
  justify-content: center;
}

.version_footer_05 .copyright {
  padding-bottom: 0;
}

.version_footer_06 #footer_logo {
  display: flex;
  align-items: center;
}

.version_footer_06 #footer_logo img {
  width: 100%;
}

@media (max-width: 767px) {
  .version_footer_06 #footer_logo {
    width: 100%;
    justify-content: center;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .version_footer_06 #cominfo {
    margin-bottom: 1rem;
  }
}

.version_footer_06 #footer-Time .table {
  font-size: 1rem;
}

.version_footer_06 #footer-Time table tr {
  border-bottom: solid rgba(204, 204, 204, 0.5) thin;
}

.version_footer_06 #footer-Time table tr td {
  padding: 15px 10px;
  color: #fabe00;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  border-bottom: solid rgba(204, 204, 204, 0.5) thin;
}

.version_footer_06 #footer-Time table tr td:first-child {
  color: #999;
  text-align: center;
  line-height: 1.3;
}

.version_footer_06 #footer-Time table thead tr:first-child th {
  background-color: rgba(110, 155, 143, 0.15);
  border-bottom: none;
  border-top: none;
  color: #999;
  text-align: center;
  line-height: 1.3;
}

.version_footer_06 #footer-Time table thead tr th {
  border-bottom: solid rgba(204, 204, 204, 0.5) thin;
}

.version_list_09 .banner_only_image {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.version_list_09 .banner_only_image .area-spacing {
  margin-top: 1.5625rem;
}

.version_list_09 .banner_only_image .area-spacing_2 {
  margin-top: 0;
}

@media (max-width: 767px) {
  .version_list_09 .banner_only_image .area-spacing_2 {
    margin-top: 1.5625rem;
  }
}

.version_list_09 .banner_only_image .banner {
  margin-top: 0;
  position: relative;
  padding: 0;
  overflow: hidden;
  border-radius: 0.3125rem;
}

.version_list_09 .banner_only_image .banner a {
  overflow: hidden;
  height: 100%;
  position: relative;
  display: block;
}

.version_list_09 .banner_only_image .banner a img {
  width: 100%;
  transition: all 300ms ease-in 0s;
  height: 100%;
  object-fit: cover;
}

.version_list_09 .banner_only_image .banner a:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_list_09 .banner_only_image .banner.co11 {
  flex-basis: 60.1%;
}

.version_list_09 .banner_only_image .banner.co12 {
  flex-basis: 39.9%;
}

.version_list_09 .banner_only_image .banner.co13 {
  flex-basis: 24.1%;
}

.version_list_09 .banner_only_image .banner.co14 {
  flex-basis: 51.8%;
}

.version_list_09 .banner_only_image .imagesGroup {
  height: 600px;
}

@media (max-width: 1199px) {
  .version_list_09 .banner_only_image .imagesGroup {
    height: 450px;
  }
}

@media (max-width: 991px) {
  .version_list_09 .banner_only_image .imagesGroup {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .version_list_09 .banner_only_image {
    flex-wrap: wrap;
  }

  .version_list_09 .banner_only_image .banner a {
    display: block;
  }

  .version_list_09 .banner_only_image .banner.co11,
  .version_list_09 .banner_only_image .banner.co12,
  .version_list_09 .banner_only_image .banner.co13,
  .version_list_09 .banner_only_image .banner.co14 {
    flex-basis: 100%;
  }
}

.version_list_12 .box__product {
  margin-bottom: 20px;
}

.version_list_12 .box__product > div {
  padding: 15px;
  background-color: #eceef1;
  align-items: center;
}

.version_list_12 .box__product .thumb img {
  border-radius: 0.3125rem;
}

@media (max-width: 1199px) {
  .version_list_12 .list_style {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: 30px;
  }
}

.version_list_12 .product_title {
  margin: 0 0 0.3125rem;
}

.version_list_12 .list_style {
  text-align: left;
}

@media (max-width: 767px) {
  .version_list_12 .button_settings {
    margin: 0 auto 0 0;
  }
}

.version_list_13 .area-spacing {
  margin-bottom: 1.875rem;
}

.version_list_13 .description p {
  margin-top: 0.625rem;
}

.version_list_13 .list_style {
  margin: 0.3125rem 0 0;
}

.version_list_13 .button_box a {
  margin: 2.5rem auto 0;
}

@media (max-width: 991px) {
  .version_list_13 .button_box a {
    margin: 1.5625rem auto 0;
  }
}

.version_list_13 .thumb img {
  border-radius: 0.3125rem;
}

.version_pages_01 .title_style {
  margin: 0;
}

.version_pages_01 .description {
  margin: 0.3125rem 0 0;
}

.version_pages_01 .out_box {
  margin-bottom: 2.5rem;
}

@media (max-width: 991px) {
  .version_pages_01 .outside_arrow_out {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .version_pages_01 .product__nav a {
    width: 47%;
    text-align: left;
    border: 1px #ddd solid !important;
    margin: 0.313rem;
    border-radius: 0.3125rem;
    background-color: #fafafa;
    padding: 0.625rem 0.938rem;
    text-align: center;
  }

  .version_pages_01 .product__nav a:hover,
  .version_pages_01 .product__nav a.active {
    background-color: #db6a83;
    color: #fff;
  }
}

.version_pages_05 .product_in .first__img {
  display: none;
}

.version_pages_05 .actions_inner .badge_wrap {
  margin: 0 0 0.9375rem;
}

.version_pages_05 .actions_inner .add_to_links_div {
  margin: 0 0 0.9375rem;
}

.version_pages_05 .page_spacing {
  margin: 0 0 1.5625rem;
}

.version_pages_05 .version_button_04 {
  padding: 0;
}

.version_pages_05 .description {
  margin: 0.9375rem 0 0;
}

.version_pages_05 .button_box {
  margin: 0.9375rem 0;
}

@media (max-width: 767px) {
  .version_pages_05 .button_box {
    margin: 0 auto;
  }
}

.version_pages_06 {
  background: #ddd;
}

.version_pages_06 .module__container {
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.05);
  padding: 0 15px 30px;
  background: #fff;
  border-radius: 0.3125rem;
}

.version_pages_06 .module__container .title {
  text-align: center;
}

.version_pages_06 .module__container .title h4 {
  color: #2e2e2e;
  display: block;
  line-height: 1.4;
  margin: 0 -15px;
  padding: 1.5625rem 0 0;
}

.version_pages_06 .module__product {
  display: flex;
  margin-top: 30px;
  align-items: center;
}

.version_pages_06 .module__product .thumb {
  background: #fff none repeat scroll 0 0;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.05);
  flex-basis: 40%;
  border-radius: 0.3125rem;
}

.version_pages_06 .module__product .list_style {
  text-align: left;
}

.version_pages_06 .module__product .button_settings {
  margin: 0.9375rem 0 0;
}

@media (max-width: 767px) {
  .version_pages_06 .module__product .button_settings {
    margin: 0.625rem 0 0;
  }
}

.version_pages_06 .module__product .version_button_04 {
  padding: 0;
}

.version_pages_06 .module__product .content {
  padding: 0 0 0 15px;
  text-align: left;
  flex-basis: 60%;
}

.version_pages_06 .module__product .content .product_title {
  margin: 0;
}

.version_pages_06 .module__product .content .module__prize {
  margin-top: 10px;
}

.version_pages_06 .module__product .content .module__prize li {
  color: #343940;
  font-size: 0.875rem;
}

.version_pages_06 .module__product .content .module__prize li.old_prize {
  color: #7d7d7d;
  text-decoration: line-through;
}

.version_pages_10 .news_button a {
  margin: 2.5rem auto 0;
}

.version_pages_10 .testimonial__img a img {
  border-radius: 0.3125rem;
}

.version_pages_10 .testimonial__container .tes__img__slide {
  margin-bottom: 30px;
}

.version_pages_10
  .testimonial__container
  .tes__img__slide
  .testimonial__img
  span {
  cursor: pointer;
  display: inline-block;
  margin: 0 15px;
  transform: scale3d(0.8, 0.8, 0.8);
  transition: all 300ms ease-in 0s;
}

.version_pages_10
  .testimonial__container
  .tes__img__slide
  .testimonial__img
  span
  img {
  filter: grayscale(100%);
  transition: all 300ms ease-in 0s;
}

.version_pages_10 .testimonial__container .slide_01 .index-Banner-pagination {
  display: none;
}

.version_pages_10 .testimonial__container .clint__info .news-text {
  color: #333;
  margin: 0.9375rem 0 0;
  text-transform: capitalize;
}

.version_pages_10 .testimonial__container .clint__info .list_style {
  margin: 1.5625rem 0 0;
}

.version_pages_10 .testimonial__container .clint__info .name__post {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
}

.version_pages_10 .testimonial__container .clint__info .name__post::before {
  background: #e2e2e2 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: -25px;
  position: absolute;
  right: -25px;
  top: 50%;
  z-index: -1;
}

.version_pages_10 .testimonial__container .clint__info .name__post span {
  background: #fff;
  display: inline-block;
  padding: 0 10px;
}

.version_pages_10
  .testimonial__container
  .tes__img__slide
  .testimonial__img.slick-active.slick-center
  span
  img {
  filter: grayscale(0);
  transition: all 300ms ease-in 0s;
  transform: scale(1.2);
  transition: all 300ms ease-in 0s;
}

.version_pages_10 .testimonial__container .tes__img__slide {
  margin: auto;
  width: 50%;
}

.version_pages_10 .testimonial__container {
  position: relative;
}

.version_pages_10 .testimonial__container .slick-arrow {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.07);
  color: #201f29;
  cursor: pointer;
  font-size: 1.5rem;
  height: 50px;
  left: 0;
  line-height: 43px;
  margin-top: -55px;
  opacity: 0;
  outline: medium none;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.5s ease 0s;
  width: 50px;
  z-index: 1;
}

.version_pages_10 .testimonial__container .slick-arrow:hover,
.version_pages_10 .testimonial__container .slick-arrow:focus {
  background: #fff;
  border-color: #fff;
  color: #fabe00;
}

.version_pages_10 .testimonial__container .wen-slick-next.slick-arrow {
  left: auto;
  right: 0;
}

.version_pages_10 .testimonial__container:hover .slick-arrow {
  opacity: 1;
}

.version_pages_10 .slick-initialized .slick-slide {
  outline: none;
}

.version_pages_11 {
  position: relative;
}

.version_pages_11 .bg__images {
  padding-bottom: 600px;
  text-align: center;
}

.version_pages_11 .news_content {
  margin-top: -38vh;
}

.version_pages_11 .wenro__blog {
  margin-bottom: 1.8rem;
  background: #fff;
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0.9375rem;
  position: relative;
  text-align: left;
  width: 100%;
  border-radius: 0.3125rem;
}

@media (max-width: 991px) {
  .version_pages_11 .wenro__blog {
    margin: 0 0 1.5625rem;
  }
}

.version_pages_11 .wenro__blog .thumb {
  display: block;
  overflow: hidden;
}

.version_pages_11 .wenro__blog .thumb a {
  display: block;
  overflow: hidden;
}

.version_pages_11 .wenro__blog .thumb a img {
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  border-radius: 0.3125rem;
}

.version_pages_11 .wenro__blog .content {
  padding: 0 0.9375rem;
}

.version_pages_11 .wenro__blog .content .date_title {
  margin: 0.9375rem 0;
}

.version_pages_11 .wenro__blog .content .date_title .date {
  margin: 0 0 0.3125rem;
}

.version_pages_11 .wenro__blog .content .list_style {
  margin: 0.3125rem 0 0;
}

.version_pages_11 .wenro__blog .content .list_style a:hover {
  color: #fabe00;
}

.version_pages_11 .wenro__blog .content .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_pages_11 .wenro__blog .content .description {
    margin: 0 0 1.5625rem;
  }
}

.version_pages_11 .wenro__blog .content .version_button_04 {
  padding: 0;
}

.version_pages_11 .wenro__blog:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_pages_11 .version_news_02 {
  position: relative;
  padding-top: 6rem;
  padding-bottom: 4rem;
}

@media (max-width: 575px) {
  .version_pages_11 .version_news_02 {
    padding-top: 4rem;
  }
}

.version_pages_11 .version_news_02 .title__be--2 {
  text-align: center;
}

.version_pages_11 .version_news_02 .bg__images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-size: cover;
  background-position: center center;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_pages_11 .wenro__blog {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .version_pages_11 .wenro__blog {
    padding: 9px;
  }
}

.version_pages_12 .news_list {
  cursor: pointer;
  background: #e2e2e2;
  transition: 0.3s ease-in-out;
  padding: 2.5rem 1.5625rem;
  text-align: center;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 0.3125rem;
}

@media (max-width: 991px) {
  .version_pages_12 .news_list {
    padding: 1.5625rem 0.9375rem;
  }
}

.version_pages_12 .news_list .product_title {
  margin: 0 0.3125rem;
}

.version_pages_12 .news_list .list_style {
  margin: 0;
}

.version_pages_12 .news_list .description {
  margin: 0.9375rem 0 0;
}

.version_pages_12 .news_list:hover {
  background: #fabe00;
  color: #fff;
  transition: 0.3s ease-in-out;
}

.version_pages_12 .news_list:hover a {
  color: #fff;
}

.version_pages_12 .news_list:hover .description {
  color: #fff;
  transition: 0.3s ease-in-out;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_pages_12 .info__2 {
    padding: 45px 23px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .version_pages_12 .info__2 {
    padding: 45px 10px;
  }
}

@media (max-width: 767px) {
  .version_pages_12 .wn__information .container {
    padding: 0 15px;
  }
}

.version_pages_13 .swiper-wrapper {
  height: unset;
}

.version_pages_13 .description {
  margin: 0.9375rem 0 0;
}

.version_pages_13 .shopbtn {
  margin: 2.5rem 0 0;
}

.version_pages_13 .blog__inner {
  padding-right: 15px;
}

@media (max-width: 767px) {
  .version_pages_13 .blog__inner {
    padding: 0 15px;
  }
}

.version_pages_13 .blog .blog__inner {
  flex-basis: 50%;
}

.version_pages_13 .blog .blog__inner .date_title {
  margin: 1.5625rem 0 0.9375rem;
}

@media (max-width: 767px) {
  .version_pages_13 .blog .blog__inner .date_title {
    margin: 0 0 0.9375rem;
  }
}

.version_pages_13 .blog .blog__inner .date_title .date__time {
  margin: 0 0 1.5625rem;
}

.version_pages_13 .blog .blog__inner .date_title .date__time .day {
  color: #2e2e2e;
  display: inline-block;
  font-size: 3rem;
  line-height: 48px;
  font-weight: bold;
}

.version_pages_13 .blog .blog__inner .date_title .date__time .seperate {
  display: inline-block;
  margin-top: 26px;
}

.version_pages_13 .blog .blog__inner .date_title .date__time .month {
  display: inline-block;
  margin-top: 26px;
}

.version_pages_13 .blog .blog__inner .sec_title_style {
  margin: 0 0 0.9375rem;
}

.version_pages_13 .blog .blog__inner .description {
  margin: 0 0 2.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 55px;
}

.version_pages_13 .blog .blog__inner .button_settings {
  padding: 0;
  margin: 0;
}

.version_pages_13 .blog .blog__thumb {
  display: block;
  overflow: hidden;
  flex-basis: 50%;
}

.version_pages_13 .blog .blog__thumb img {
  transition: all 300ms ease-in 0s;
  width: 100%;
  border-radius: 0.3125rem;
}

.version_pages_13 .blog:hover .blog__thumb img {
  transform: scale3d(1.05, 1.05, 1.05);
}

@media (max-width: 420px) {
  .version_pages_13 .version_news_04 .blog__inner {
    padding-right: 0;
  }
}

.version_pages_14 .post_date {
  cursor: pointer;
  background-position: center center;
}

.version_pages_14 .post_date .content {
  background: #fff;
  display: inline-block;
  padding: 2.5rem 0;
  position: relative;
  text-align: center;
  transition: background 0.7s ease 0s;
  width: 100%;
}

.version_pages_14 .post_date .content:after {
  content: "";
  background: rgba(0, 0, 0, 0)
    linear-gradient(
      to right,
      #ffffff 0%,
      #e6e6e6 52%,
      #e6e6e6 52%,
      #e6e6e6 52%,
      #ffffff 100%
    )
    repeat scroll 0 0;
  bottom: 0;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  width: 80%;
}

.version_pages_14 .post_date .content .post__time {
  font-size: 0.875rem;
}

.version_pages_14 .post_date .content .post__time span {
  margin-bottom: 15px;
}

.version_pages_14 .post_date .content h4,
.version_pages_14 .post_date .content p {
  color: #333;
  margin: 0 auto 1.5625rem;
  transition: all 0.3s ease-in-out;
  width: 80%;
}

.version_pages_14 .post_date span {
  transition: all 0.3s ease-in-out;
}

.version_pages_14 .post_date:hover .content {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.version_pages_14 .post_date:hover .content h4 {
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.version_pages_14 .post_date:hover .content p {
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.version_pages_14 .post_date:hover span {
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.version_pages_15 .imgHoverBox {
  background-color: #e5e6e7;
  box-sizing: border-box;
  border-radius: 0.3125rem;
}

.version_pages_15 .imgHoverBox .effect-ming {
  padding: 8px;
}

.version_pages_15 .page_spacing .content {
  padding: 0 0.9375rem;
  margin: 2.5rem 0;
}

.version_pages_15 .page_spacing .content .description {
  margin: 1.5625rem 0 0;
}

.version_pages_15 .page_spacing .content .list_style a {
  margin: 0 0 0.3125rem;
}

.version_pages_15 .page_spacing .content .list_style a:hover {
  color: #fabe00;
}

.version_pages_15 .page_spacing .content .date {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.version_pages_15 .page_spacing .news_button a {
  margin: auto;
}

.version_pages_15 figure.effect-ming a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.version_pages_15 figure.effect-ming a img {
  transition-duration: 0.5s;
  border-radius: 0.3125rem;
}

.version_pages_15 .hoverMore {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  transition-duration: 0.5s;
  z-index: 5;
  color: #fff;
  opacity: 0;
}

.version_pages_15 figure.effect-ming a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  transition-duration: 0.5s;
  z-index: 2;
  opacity: 0;
}

.version_pages_15 figure.effect-ming a:after {
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  border: 2px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  transition-duration: 0.5s;
  z-index: 3;
  opacity: 0;
  border-radius: 0.3125rem;
}

.version_pages_15 figure.effect-ming a:hover img {
  transform: scale(1.1);
}

.version_pages_15 figure.effect-ming a:hover .hoverMore {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.version_pages_15 figure.effect-ming a:hover::before {
  opacity: 1;
}

.version_pages_15 figure.effect-ming a:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.version_pages_16 .page_spacing {
  margin: 0 0 2.5rem;
}

@media (max-width: 991px) {
  .version_pages_16 .page_spacing {
    margin: 0 0 1.5625rem;
  }
}

.version_pages_16 .date {
  line-height: 1.2;
  margin: 0 0 0.3125rem;
  display: flex;
}

.version_pages_16 .date span {
  margin-left: 0.3125rem;
}

.version_pages_16 .list_style {
  margin: 0 0 0.3125rem;
}

@media (max-width: 767px) {
  .version_pages_16 .list_style {
    text-align: left;
  }
}

.version_pages_16 .list_style:hover {
  color: #fabe00;
}

.version_pages_16 .description {
  margin: 0 0 0.625rem;
}

@media (max-width: 767px) {
  .version_pages_16 .description {
    text-align: left;
  }
}

.version_pages_16 .version_button_04 {
  padding: 0;
}

.version_pages_16 .button_settings {
  margin: 0;
}

.version_pages_16 .page_spacing {
  margin: 0 0 1.5625rem;
}

.version_pages_16 .img a {
  border-radius: 500px;
  overflow: hidden;
  height: 110px;
  width: 110px;
  display: block;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center center;
}

.version_pages_17 {
  position: relative;
}

.version_pages_17 .newsbox {
  width: 59.4%;
  background-color: #ffa800;
  padding: 1.563rem 6.25rem;
  position: absolute;
  right: 0;
  color: #fff;
  display: flex;
  align-items: center;
  margin: 0;
  transition: all 0.3s ease-in-out;
  border-radius: 0.3125rem 0 0 0.3125rem;
}

@media (max-width: 1199px) {
  .version_pages_17 .newsbox {
    padding: 1.25rem;
  }
}

@media (max-width: 991px) {
  .version_pages_17 .newsbox {
    width: 100%;
    position: unset;
  }
}

.version_pages_17 .newsbox:hover {
  filter: brightness(130%);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.version_pages_17 .newsbox .list_style {
  margin: 0;
}

@media (max-width: 767px) {
  .version_pages_17 .newsbox .list_style {
    margin: 0 0 0.9375rem;
  }
}

.version_pages_17 .newsbox .content {
  display: flex;
  font-size: 1rem;
  align-items: center;
  justify-content: space-between;
}

.version_pages_17 .newsbox .content .news_title {
  display: flex;
  align-items: center;
  color: #fff;
}

@media (max-width: 1199px) {
  .version_pages_17 .newsbox .content .news_title {
    display: block;
    width: 100%;
  }
}

.version_pages_17 .newsbox .content .news_title .date {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 0.9rem;
  display: table;
  margin-right: 2.375rem;
  line-height: 1em;
  height: 15px;
  white-space: nowrap;
}

.version_pages_17 .newsbox .content .fa-chevron-right-svg {
  width: 10px;
  fill: #fff;
}

.version_pages_17 .newsbox .content .more_button .version_button_04 {
  padding: 0;
  color: #fff;
}

.version_pages_18 .title_style {
  text-align: left;
}

.version_pages_18 .news_box svg {
  transition: 0.3s;
}

.version_pages_18 .news_box:hover .list_style {
  color: #fabe00;
  transition: 0.3s ease-in-out;
}

.version_pages_18 .news_box:hover svg {
  transition: 0.3s;
  fill: #fabe00;
}

.version_pages_18 .news_box:last-child .content {
  border: none;
}

.version_pages_18 .news_box .content {
  display: flex;
  border-bottom: solid 1px #eee;
  color: #333;
  font-size: 1rem;
  padding: 0 0 0.625rem;
  margin: 0 0 0.625rem;
  align-items: center;
  justify-content: space-between;
}

.version_pages_18 .news_box .content .list_style {
  margin: 0;
  transition: 0.3s ease-in-out;
}

.version_pages_18 .news_box .content .news_title {
  display: flex;
  align-items: center;
}

.version_pages_18 .news_box .content .news_title .date {
  margin: 0;
  color: #ccc;
  font-size: 0.9rem;
  display: table;
  padding: 0.3125rem 0.625rem;
  margin-right: 1.5625rem;
  line-height: 1em;
  height: 15px;
  white-space: nowrap;
}

.version_pages_18 .news_box .content .fa-chevron-right-svg {
  fill: #999;
}

.version_pages_18 .news_box .content .fa-chevron-right-svg svg {
  width: 8px;
}

.version_pages_18 .news_button {
  margin: 2.5rem 0 0;
}

.version_photo_01 .fancybox {
  display: block !important;
}

.version_photo_01 img {
  border-radius: 0;
}

.version_photo_02 .banner--8 {
  position: relative;
}

.version_photo_02 .banner--8 .thumb {
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.version_photo_02 .banner--8 .thumb a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.version_photo_02 .banner--8 .thumb a img {
  transition: all 300ms ease-in 0s;
  width: 100%;
}

.version_photo_02 .banner--8 .content {
  left: 0;
  padding: 9rem 30px;
  position: relative;
  right: 0;
  text-align: center;
  max-width: 1170px;
  width: 100%;
  margin: 1.5625rem auto;
  pointer-events: none;
}

.version_photo_02 .banner--8 .content .title_style {
  margin: 0 0 1.5625rem;
}

.version_photo_02 .banner--8 .content .description {
  margin: 0 auto 2.5rem;
  max-width: 767px;
  width: 100%;
  pointer-events: auto;
}

.version_photo_02 .banner--8 .content a {
  pointer-events: auto;
  margin: auto;
}

.version_photo_02 .banner--8 .content a.read__btn {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 46px;
  margin-top: 50px;
  padding: 0 30px;
  position: relative;
  text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_photo_02 .banner--8 .content h3 {
    font-size: 44px;
    margin-bottom: 14px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .version_photo_02 .banner--8 .content h3 {
    margin-bottom: 3px;
  }

  .version_photo_02 .banner--8 .content a.read__btn {
    font-size: 16px;
    margin-top: 21px;
  }
}

@media (max-width: 767px) {
  .version_photo_02 .banner--8 .content .version_title {
    font-size: 20px;
    margin-bottom: 5px;
    pointer-events: auto;
  }

  .version_photo_02 .banner--8 .content .description {
    font-size: 14px;
    max-width: 100%;
    pointer-events: auto;
  }

  .version_photo_02 .banner--8 .content a.read__btn {
    font-size: 14px;
    line-height: 46px;
    margin-top: 9px;
    padding: 0 21px;
  }
}

.version_photo_03 {
  background: #f2f2f2;
}

.version_photo_03 .title_style {
  text-align: left;
  margin: 0 0 0.9375rem;
}

@media (max-width: 991px) {
  .version_photo_03 .title_style {
    text-align: center;
    margin: 0 0 0.625rem;
  }
}

.version_photo_03 .pic_box img {
  border-radius: 0.3125rem;
}

@media (max-width: 991px) {
  .version_photo_03 .pic_box {
    margin: 0 0 1.5625rem;
  }
}

.version_photo_03 .description {
  margin: 0 auto 2.5rem;
}

@media (max-width: 991px) {
  .version_photo_03 .button_settings {
    margin: auto;
  }
}

.version_photo_04 .story__content .title_style {
  color: #2e2e2e;
  text-transform: uppercase;
}

.version_photo_04 .center__line {
  position: relative;
}

.version_photo_04 .center__line::before {
  content: "";
  background: #e2e2e2;
  height: 85px;
  left: 50%;
  position: absolute;
  top: 0;
  width: 1px;
}

@media (max-width: 767px) {
  .version_photo_04 .story__content h2 {
    font-size: 19px;
  }

  .version_photo_04 .center__line::before {
    height: 49px;
  }

  .version_photo_04 .story__content p {
    padding: 26px 0;
  }

  .version_photo_04 .story__content h3 {
    margin-bottom: 25px;
  }
}

@media (max-width: 575px) {
  .version_photo_04 .story__content h2 {
    font-size: 15px;
  }
}

.version_photo_05 #cms_play .fas {
  color: #fff;
  font-size: 23px;
  border: solid #fff thin;
  padding: 17px 16px 17px 20px;
  border-radius: 500px;
  transition: all 0.5s ease;
}

.version_photo_05 #cms_play .fas:hover {
  background: #fabe00;
  border: solid #fabe00 thin;
  color: #fff;
}

.version_photo_05 .video__area iframe.added_video {
  border-radius: 0.3125rem;
}

.version_photo_05 .video__area .static_video {
  position: relative;
}

.version_photo_05 .video__area .static_video img {
  height: auto;
  max-width: 100%;
  border-radius: 0.3125rem;
}

.version_photo_05 .video__area .static_video .play__img {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.version_photo_05 .video__area .content p {
  margin: 0 auto;
  padding: 50px 15%;
}

.version_photo_05 .video__area .content h3 {
  color: #2e2e2e;
  font-family: Arial, "微軟正黑體", "Microsoft JhengHei";
  font-size: 24px;
  font-weight: normal;
  line-height: 35px;
}

.version_photo_05 .video__area .description {
  margin-top: 1.5625rem;
}

.version_photo_05 .static-video .static_video {
  position: relative;
}

.version_photo_05 .static-video {
  position: relative;
  text-align: center;
  margin-bottom: 130px;
}

.version_photo_05 .static-video .static_video {
  position: relative;
}

.version_photo_05 .static_video #cms_play {
  position: absolute;
  top: 50%;
  left: 50%;
  cursor: pointer;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) and (max-width: 991px) {
  .version_photo_05 .video__area .content p {
    padding: 50px 8%;
  }
}

@media (max-width: 767px) {
  .version_photo_05 .video__area .content p {
    padding: 50px 0;
  }
}

.version_photo_06 .banner--5 .version_button_04 {
  padding: 0;
}

.version_photo_06 .banner--5 .button_settings {
  margin: 1.5625rem auto 0;
}

.version_photo_06 .banner--5 .banner {
  overflow: hidden;
  position: relative;
}

.version_photo_06 .banner--5 .banner .thumb {
  overflow: hidden;
  position: relative;
  border-radius: 0.3125rem;
}

.version_photo_06 .banner--5 .banner .thumb a img {
  transition: all 300ms ease-in 0s;
  width: 100%;
}

.version_photo_06 .banner--5 .banner .content {
  left: 50%;
  min-width: 100%;
  padding: 0 30px;
  position: absolute;
  top: 30%;
  transform: translateX(-50%) translateY(-50%);
}

.version_photo_06 .banner--5 .banner .content a {
  color: #fff;
}

.version_photo_06 .banner--5 .banner .content .sec_title_style {
  margin: 0;
}

.version_photo_06 .banner--5 .banner .content.content__bg {
  background-color: rgba(22, 22, 27, 0.95);
  left: 40px;
  min-width: auto;
  padding: 50px 20px;
  right: 40px;
  transform: translateX(0px) translateY(-50%);
}

.version_photo_06 .banner--5 .banner .content.border-top-bottom::after {
  background: #333;
  border-bottom: 0 none;
  bottom: 25px;
  content: "";
  height: 3px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 40px;
}

.version_photo_06 .banner--5 .banner .content.border-top-bottom::before {
  background: #333;
  content: "";
  height: 3px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 25px;
  transform: translateX(-50%);
  width: 40px;
}

.version_photo_06 .banner--5 .banner .content span {
  font-size: 14px;
  font-weight: normal;
  line-height: 25px;
  display: block;
}

.version_photo_06 .banner--5 .banner .content.content__with__border::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff;
  border-image: none;
  border-style: none solid solid;
  border-width: 0 5px 5px;
  bottom: -42px;
  content: "";
  height: 50px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%) translateY(100%);
  width: 140px;
}

.version_photo_06 .banner--5 .banner .content.content__with__border::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff;
  border-image: none;
  border-style: solid solid none;
  border-width: 5px 5px 0;
  content: "";
  height: 50px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: -25px;
  transform: translateX(-50%) translateY(-100%);
  width: 140px;
}

.version_photo_06 .banner--5 .banner .link {
  bottom: 30px;
  left: 0;
  padding: 0 30px;
  position: absolute;
  right: 0;
}

.version_photo_06 .banner--5 .banner .link a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.version_photo_06 .banner--5 .banner .link.poss--center {
  bottom: -32px;
}

.version_photo_06 .banner--5 .banner.co13 .content {
  top: 50%;
}

.version_photo_06 .banner--5 .banner.co13 .content.border-top-bottom {
  padding: 44px 30px;
}

.version_photo_06
  .banner--5
  .banner.co13
  .content.border-top-bottom.border--white::before {
  background: #fff;
}

.version_photo_06
  .banner--5
  .banner.co13
  .content.border-top-bottom.border--white::after {
  background: #fff;
}

.version_photo_06 .banner--5 .banner:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_photo_06 .banner--5 .banner:hover .content h3 {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_06 .banner--5 .banner:hover .content p {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_06 .banner--5 .banner:hover .content h4 {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_06 .banner--5 .banner:hover .content h6 {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_06 .banner--5 .banner:hover .content a.shopbtn {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_06 .banner--5 .banner:hover .link {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_06 .banner--5 .banner:hover span {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_06 .banner--5 .banner .content.pss--right {
  left: auto;
  right: 0;
  min-width: auto;
  padding: 0 30px;
  transform: translateX(0) translateY(-50%);
}

.version_photo_06 .banner--box .border-container {
  padding: 30px;
  max-width: 1230px;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}

.version_photo_06 .banner--box.poss--top {
  margin-top: -130px;
  padding-bottom: 30px;
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_photo_06 .banner--5 .banner.co13 .content.border-top-bottom {
    padding: 44px 7px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .version_photo_06 .banner__style--3 .space--round {
    padding: 30px;
  }

  .version_photo_06 .banner__style--3 .margin-top {
    margin-top: 0;
  }

  .version_photo_06 .banner__style--3 .banner .links {
    bottom: 20px;
  }

  .version_photo_06 .banner--box.poss--top {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .version_photo_06 .banner__style--3 .margin-top {
    margin-top: 0;
  }

  .version_photo_06 .banner--5 .banner .content.content__with__border::before,
  .version_photo_06 .banner--5 .banner .content.content__with__border::after {
    display: none;
  }

  .version_photo_06 .banner--box .container {
    width: 100%;
  }

  .version_photo_06 .banner--box.poss--top {
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .version_photo_06 .banner--5 .banner .content.content__with__border::after {
    bottom: -26px;
  }

  .version_photo_06 .banner--box .container {
    padding: 15px;
  }
}

@media (max-width: 390px) {
  .version_photo_06 .banner--5 .banner .content h4 {
    font-size: 16px;
    line-height: 23px;
  }

  .version_photo_06 .banner--5 .banner .content h6 {
    font-size: 16px;
    line-height: 22px;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

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

.version_photo_07 .custom__banner {
  position: relative;
}

.version_photo_07 .custom__banner:hover .thumb a:before {
  opacity: 1;
}

.version_photo_07 .custom__banner:hover .content {
  opacity: 1;
}

.version_photo_07 .custom__banner:hover .content h3 {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_07 .custom__banner:hover .content a {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_07 .custom__banner:hover .content .description {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_07 .custom__banner.coll {
  width: 62.25%;
}

.version_photo_07 .custom__banner.col2 {
  width: 37.75%;
  float: left;
}

.version_photo_07 .custom__banner .thumb {
  margin: 10px;
  text-align: center;
  border-radius: 0.3125rem;
}

.version_photo_07 .custom__banner .thumb a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.version_photo_07 .custom__banner .thumb a::before {
  content: "";
  background-color: rgba(22, 22, 27, 0.95);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
}

.version_photo_07 .custom__banner .thumb a img {
  transition: all 300ms ease-in 0s;
  width: 100%;
  object-fit: cover;
  height: 645px;
}

@media (max-width: 1199px) {
  .version_photo_07 .custom__banner .thumb a img {
    height: 500px;
  }
}

@media (max-width: 991px) {
  .version_photo_07 .custom__banner .thumb a img {
    height: 400px;
  }
}

@media (max-width: 575px) {
  .version_photo_07 .custom__banner .thumb a img {
    height: 300px;
  }
}

.version_photo_07 .custom__banner .thumb a:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_photo_07 .custom__banner .content {
  left: 50%;
  min-width: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.version_photo_07 .custom__banner .content a {
  color: #fff;
}

@media (max-width: 767px) {
  .version_photo_07 .custom__banner .content {
    padding: 1.5625rem;
  }
}

.version_photo_07 .custom__banner .content .sec_title_style {
  display: inline-block;
}

.version_photo_07 .custom__banner .content .sec_title_style:before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  transform: translateY(-50%);
  top: 50%;
}

.version_photo_07 .custom__banner .content .sec_title_style:after {
  background: #fff;
}

.version_photo_07 .description {
  color: #fff;
  max-width: 500px;
  width: 100%;
  padding: 0 0.9375rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  line-height: 25px;
  margin: 0 auto 2.5rem;
}

@media (max-width: 767px) {
  .version_photo_07 .description {
    margin: 0 auto 1.5625rem;
  }
}

.version_photo_07 .version_button_04 {
  padding: 0;
}

.version_photo_07 .button_settings {
  margin: auto;
}

.version_photo_08 .look__book__wrapper {
  display: inline-block;
  margin-top: 134px;
  padding-bottom: 121px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

@media (max-width: 767px) {
  .version_photo_08 .look__book__wrapper {
    padding: 0;
  }
}

.version_photo_08 .look__book__wrapper .button_settings {
  margin: 2.5rem 0 0;
}

@media (max-width: 767px) {
  .version_photo_08 .look__book__wrapper .button_settings {
    margin: auto;
  }
}

.version_photo_08 .look__book__wrapper .book__thumb {
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 1;
}

.version_photo_08 .look__book__wrapper .book__thumb a img {
  transition: all 300ms ease-in 0s;
  border-radius: 0.3125rem;
  width: 100%;
}

.version_photo_08 .look__book__wrapper .book__thumb a:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_photo_08 .look__book__wrapper .book__thumb.thumb2 {
  margin-top: -35%;
}

@media (max-width: 767px) {
  .version_photo_08 .look__book__wrapper .book__thumb.thumb2 {
    margin: 0;
  }
}

.version_photo_08 .look__book__wrapper .book__content {
  position: relative;
  text-align: left;
}

.version_photo_08 .look__book__wrapper .book__content::before {
  content: "";
  border: 10px solid #f3f3f3;
  bottom: -80px;
  left: -55px;
  position: absolute;
  right: -167px;
  top: -54px;
  transform: translateX(-80%);
}

@media (max-width: 767px) {
  .version_photo_08 .look__book__wrapper .book__content::before {
    display: none;
  }
}

.version_photo_08 .look__book__wrapper .book__content .book__content__inner {
  background: #fff;
  padding: 80px 0 17px;
  position: relative;
  margin-top: -84px;
}

@media (max-width: 767px) {
  .version_photo_08 .look__book__wrapper .book__content .book__content__inner {
    padding: 17px 0 17px;
    margin-top: 0;
  }
}

.version_photo_08 .look__book__wrapper .book__content .book__content__inner p {
  color: #333;
  line-height: 25px;
  padding: 30px 0;
}

.version_photo_08 .look__book__wrapper .book__content.content2 {
  text-align: right;
  transform: translateY(40%);
}

@media (max-width: 767px) {
  .version_photo_08 .look__book__wrapper .book__content.content2 {
    text-align: left;
    transform: translateY(0);
  }
}

.version_photo_08 .look__book__wrapper .book__content.content2::before {
  bottom: -50px;
  left: 0;
  right: 0;
  top: -50px;
  transform: translateX(80%);
}

@media (max-width: 767px) {
  .version_photo_08 .look__book__wrapper .book__content.content2::before {
    display: none;
  }
}

.version_photo_08
  .look__book__wrapper
  .book__content.content2
  .button_settings {
  margin: 2.5rem 0 0 auto;
}

@media (max-width: 767px) {
  .version_photo_08
    .look__book__wrapper
    .book__content.content2
    .button_settings {
    margin: auto;
  }
}

.version_photo_08
  .look__book__wrapper
  .book__content.content2
  .book__content__inner {
  margin-top: 0;
  padding-top: 17px;
}

.version_photo_08 .look__book__wrapper.space__vare--2 {
  margin-top: 100px;
}

.version_photo_09.section_Area_spacing {
  padding-left: 20px;
  padding-right: 20px;
}

.version_photo_09.section_Area_spacing .fadeInUp {
  animation-name: fadeInUp;
}

.version_photo_09.section_Area_spacing .banner__style--7 .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
}

.version_photo_09.section_Area_spacing .banner--7 {
  position: relative;
}

.version_photo_09.section_Area_spacing .banner--7 .thumb {
  display: block;
  margin-bottom: 1.5625rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  border-radius: 0.3125rem;
}

.version_photo_09.section_Area_spacing .banner--7 .thumb::before {
  background-color: rgba(22, 22, 27, 0.95);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
}

.version_photo_09.section_Area_spacing .banner--7 .thumb a {
  display: block;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.version_photo_09.section_Area_spacing .banner--7 .thumb a img {
  min-width: 100%;
  min-height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.version_photo_09.section_Area_spacing .banner--7 .thumb.rectangle a {
  width: 100%;
  padding-top: calc(50% - 15px);
}

.version_photo_09.section_Area_spacing .banner--7 .content {
  color: #fff;
  left: 50%;
  min-width: 100%;
  opacity: 0;
  padding: 0 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.version_photo_09.section_Area_spacing .banner--7 .content a {
  color: #fff;
}

.version_photo_09.section_Area_spacing .banner--7 .content .button_settings {
  margin: auto;
}

.version_photo_09.section_Area_spacing .banner--7:hover .thumb::before {
  opacity: 1;
}

.version_photo_09.section_Area_spacing .banner--7:hover .content {
  opacity: 1;
}

.version_photo_09.section_Area_spacing .banner--7:hover .content h4 {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInUp;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_09.section_Area_spacing .banner--7:hover .content .description {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_09.section_Area_spacing
  .banner--7:hover
  .content
  .button_settings {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_photo_09.section_Area_spacing .description {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  margin: 0 auto 2.5rem;
}

@media (max-width: 767px) {
  .version_photo_09.section_Area_spacing .description {
    margin: 0 auto 1.5625rem;
  }
}

.version_photo_09.section_Area_spacing .version_button_04 {
  padding: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_photo_09.section_Area_spacing .banner--7 .content a {
    margin-top: 14px;
  }

  .version_photo_09.section_Area_spacing .banner--7 .content h3 {
    font-size: 14px;
    line-height: 1.5;
  }
}

@media (max-width: 575px) {
  .version_photo_09.section_Area_spacing .banner--7 .content a {
    font-size: 12px;
    line-height: 25px;
    margin-top: 10px;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

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

.version_photo_10 .title_style {
  text-align: inherit;
  margin: 0;
}

@media (max-width: 767px) {
  .version_photo_10 .title_style {
    text-align: center;
  }
}

.version_photo_10 .description {
  margin: 1.5625rem 0;
  max-width: 725px;
}

@media (max-width: 767px) {
  .version_photo_10 .description {
    margin: 0.9375rem 0;
  }
}

.version_photo_10 .button_settings {
  margin-top: 2.5rem;
}

@media (max-width: 767px) {
  .version_photo_10 .button_settings {
    margin-top: 1.5625rem;
  }
}

.version_photo_10 .text-right .button_settings,
.version_photo_10 .text-right .description {
  margin-left: auto;
}

@media (max-width: 767px) {
  .version_photo_10 .in_block {
    text-align: center;
    padding: 2.5rem 1.5625rem;
  }
}

.version_photo_10 .sec_title_style {
  font-size: clamp(1.5rem, 1.3571rem + 0.2232vw, 1.625rem);
  margin: 0 0 0.3125rem;
}

.version_photo_10 .sale {
  display: block;
  line-height: 25px;
  margin: 0.3125rem 0 0;
}

@media (max-width: 767px) {
  .version_photo_10 .sale {
    text-align: center;
  }
}

@media (max-width: 420px) {
  .version_photo_10 .slide {
    background-size: 150%;
    background-position: right top;
  }

  .version_photo_10 .slide.text-right {
    background-position: left top;
  }
}

.version_photo_10 .sl__item {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 420px) {
  .version_photo_10 .fullscreen {
    padding: 100% 0 0 !important;
  }
}

.version_photo_11.section_Area_spacing {
  padding-left: 20px;
  padding-right: 20px;
}

.version_photo_11.section_Area_spacing .banner_only_image {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.version_photo_11.section_Area_spacing .banner_only_image .description p {
  margin-top: 0.625rem;
}

.version_photo_11.section_Area_spacing .banner_only_image .area-spacing_2 {
  margin-top: 0;
}

@media (max-width: 767px) {
  .version_photo_11.section_Area_spacing .banner_only_image .area-spacing_2 {
    margin-top: 1.5625rem;
  }
}

.version_photo_11.section_Area_spacing .banner_only_image .area-spacing {
  margin-top: 1.5625rem;
}

.version_photo_11.section_Area_spacing .banner_only_image .banner {
  padding: 0 15px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .version_photo_11.section_Area_spacing .banner_only_image .banner {
    padding: 0;
  }
}

.version_photo_11.section_Area_spacing .banner_only_image .banner a {
  overflow: hidden;
  height: 100%;
  position: relative;
  display: block;
  border-radius: 0.3125rem;
}

.version_photo_11.section_Area_spacing .banner_only_image .banner a img {
  width: 100%;
  transition: all 300ms ease-in 0s;
  height: 100%;
  object-fit: cover;
}

.version_photo_11.section_Area_spacing .banner_only_image .banner a:hover {
  cursor: pointer;
}

.version_photo_11.section_Area_spacing .banner_only_image .banner a:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_photo_11.section_Area_spacing .banner_only_image .banner.co11 {
  flex-basis: 60.1%;
}

.version_photo_11.section_Area_spacing .banner_only_image .banner.co12 {
  flex-basis: 39.9%;
}

.version_photo_11.section_Area_spacing .banner_only_image .banner.co13 {
  flex-basis: 24.1%;
}

.version_photo_11.section_Area_spacing .banner_only_image .banner.co14 {
  flex-basis: 51.8%;
}

@media (max-width: 767px) {
  .version_photo_11.section_Area_spacing .banner_only_image {
    flex-wrap: wrap;
  }

  .version_photo_11.section_Area_spacing .banner_only_image .banner a {
    display: block;
  }

  .version_photo_11.section_Area_spacing .banner_only_image .banner.co11,
  .version_photo_11.section_Area_spacing .banner_only_image .banner.co12,
  .version_photo_11.section_Area_spacing .banner_only_image .banner.co13,
  .version_photo_11.section_Area_spacing .banner_only_image .banner.co14 {
    flex-basis: 100%;
  }
}

.version_photo_12 .banner--10 {
  position: relative;
}

.version_photo_12 .banner--10 .title_style {
  margin: 0 0 0.625rem;
}

.version_photo_12 .banner--10 .thumb a {
  display: inline-block;
  overflow: hidden;
  border-radius: 0.3125rem;
}

.version_photo_12 .banner--10 .thumb a img {
  width: 100%;
  transition: all 300ms ease-in 0s;
}

.version_photo_12 .banner--10 .title_style {
  text-align: inherit;
}

@media (max-width: 767px) {
  .version_photo_12 .banner--10 .title_style {
    text-align: center;
  }
}

.version_photo_12 .banner--10 .content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

@media (max-width: 767px) {
  .version_photo_12 .banner--10 .content {
    padding-top: 1.5rem;
  }
}

.version_photo_12 .banner--10 .content p {
  color: #333;
  padding: 10px 0;
}

.version_photo_12 .banner--10 .content.content1 {
  left: 52%;
  min-width: 40%;
  text-align: left;
}

@media (max-width: 991px) {
  .version_photo_12 .banner--10 .content.content1 {
    left: 55%;
  }
}

@media (max-width: 767px) {
  .version_photo_12 .banner--10 .content.content1 {
    left: 0;
    margin: 0 0 1.5625rem;
  }
}

.version_photo_12 .banner--10 .content.content2 {
  bottom: 10%;
  text-align: right;
  top: auto;
  transform: translateY(0px);
  width: 150%;
}

@media (max-width: 991px) {
  .version_photo_12 .banner--10 .content.content2 {
    text-align: left;
  }
}

.version_photo_12 .banner--10 .content.content3 {
  left: 0;
  right: 0;
  text-align: center;
}

.version_photo_12 .banner--10:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_photo_12 .banner--10.margin--top {
  margin-top: -142px;
}

.version_photo_12 .product_title {
  color: #2e2e2e;
  font-size: clamp(1.125rem, 0.9821rem + 0.2232vw, 1.25rem);
  line-height: 1.4;
  display: block;
  font-weight: normal;
  margin: 0.9375rem 0 0.3125rem;
}

.version_photo_12 .content.content1 {
  max-width: 40%;
  text-align: left;
  right: 0;
}

@media (max-width: 1199px) {
  .version_photo_12 .content.content1 {
    left: inherit;
    right: 30px;
  }
}

@media (max-width: 767px) {
  .version_photo_12 .content.content1 {
    position: relative;
    top: 0;
    transform: translateY(0%);
    left: 0;
    right: 0;
    max-width: 100%;
  }
}

.version_photo_12 .banner-in {
  margin-bottom: 1.5625rem;
}

.version_photo_12 .banner-in > .thumb {
  padding-right: 0;
}

@media (max-width: 1199px) {
  .version_photo_12 .banner-in > .thumb {
    padding-right: 15px;
  }
}

.version_photo_12 .photo-3 .thumb {
  top: -150px;
  right: 0;
  position: relative;
}

@media (max-width: 991px) {
  .version_photo_12 .photo-3 .thumb {
    top: 0;
  }
}

.version_photo_12 .photo-3 .content {
  position: relative;
  margin-top: 2rem;
  right: -5rem;
  max-width: 100%;
}

@media (max-width: 991px) {
  .version_photo_12 .photo-3 .content {
    position: absolute;
    right: auto;
    left: -12rem;
  }
}

@media (max-width: 767px) {
  .version_photo_12 .photo-3 .content {
    left: 0rem;
    transform: translateX(0);
    margin-top: 0;
    position: relative;
    text-align: left;
  }
}

.version_photo_13 .thumb {
  border-radius: 0.3125rem;
}

.version_photo_13 .banner__content {
  margin: 2.5rem 0;
}

@media (max-width: 991px) {
  .version_photo_13 .banner__content {
    margin: 1.5625rem 0;
  }
}

.version_photo_13 .banner__content .sec_title_style {
  margin: 0 0 1.5625rem;
}

@media (max-width: 767px) {
  .version_photo_13 .banner__content .sec_title_style {
    margin: 0 0 0.9375rem;
  }
}

.version_photo_13 .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_photo_13 .description {
    margin: 0 0 1.5625rem;
  }
}

.version_photo_13 .version_button_04 {
  padding: 0;
}

@media (max-width: 575px) {
  .version_photo_13 .blog__inner {
    padding: 0 0.625rem 0 0.9375rem;
  }
}

.version_photo_14 .categories__content {
  padding: 0.9375rem;
}

.version_photo_14 .product_title {
  margin: 0;
}

.version_photo_15 .page_spacing {
  margin: 0;
}

@media (max-width: 991px) {
  .version_photo_15 .page_spacing {
    margin: 0 0 0.9375rem;
  }
}

.version_photo_15 .description {
  margin: 0 auto 2.5rem;
  width: 70%;
}

@media (max-width: 991px) {
  .version_photo_15 .description {
    margin: 0 auto 0.9375rem;
  }
}

.version_photo_15 .button_settings {
  margin: auto;
}

.version_photo_16 .text_box {
  margin-bottom: 2.5rem;
}

.version_photo_16 .text_box .title_style {
  margin: 0 0 0.9375rem;
}

.version_photo_16 .list_style {
  margin: 1.5625rem 0 0.9375rem;
}

@media (max-width: 767px) {
  .version_photo_16 .list_style {
    margin: 0.9375rem 0 0.625rem;
  }
}

.version_photo_16 .button_settings {
  margin: 2.5rem auto 0;
}

.version_photo_16 .out_box {
  text-align: center;
  margin: 0 0 1.5625rem;
}

.version_photo_16 .out_box .imgBox {
  max-width: 160px;
  margin: 0px auto;
}

.version_photo_16 .out_box .imgBox img {
  border-radius: 100%;
  margin-bottom: 15px;
}

.version_photo_16 .out_box .imgBox a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  margin: 20px auto 15px;
  overflow: hidden;
  position: relative;
}

.version_photo_16 .out_box .imgBox a::after {
  content: "";
  width: 0%;
  height: 0%;
  display: block;
  background-color: #fabe00;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition-duration: 0.5s;
}

.version_photo_16 .out_box .imgBox a:hover::after {
  width: 100%;
  height: 100%;
}

.version_photo_17 .title_caption {
  margin-bottom: 10px;
}

.version_photo_17 .section_Area_spacing {
  background-position: center;
  padding: 2.5rem 0.9375rem;
}

.version_photo_17 .outside-in-block {
  background-position: center center;
  background-size: cover;
}

@media (max-width: 767px) {
  .version_photo_17 .outside-in-block {
    padding: 15px;
  }
}

.version_photo_17 .description img {
  border-radius: 0.3125rem;
}

.version_photo_17 .in-block {
  background: rgba(255, 255, 255, 0.8);
  padding: 1.5625rem;
  border-radius: 0.3125rem;
}

@media (max-width: 767px) {
  .version_photo_17 .in-block {
    padding: 0.9375rem;
  }
}

.version_photo_17 .in-block .img {
  margin-bottom: 1.5625rem;
}

.version_photo_18 {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #343940;
  color: #fff;
}

@media (min-width: 768px) {
  .version_photo_18 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.version_photo_18 .newsletter__block p {
  margin: 0;
}

@media (max-width: 767px) {
  .version_photo_18 .newsletter__block {
    text-align: center;
    margin: 0 0 1.5625rem;
  }
}

@media (max-width: 767px) {
  .version_photo_18 .img_box {
    text-align: center;
  }
}

.version_photo_18 .img_box img {
  border-radius: 0.3125rem;
}

.version_photo_18 .title_style {
  color: #fff;
  text-align: left;
  margin: 0 0 1.5625rem;
}

@media (max-width: 767px) {
  .version_photo_18 .title_style {
    text-align: center;
    margin: 0 0 0.9375rem;
  }
}

.version_photo_18 .button_settings {
  margin: 2.5rem 0 0;
}

@media (max-width: 767px) {
  .version_photo_18 .button_settings {
    margin: 1.5625rem auto 0;
  }
}

@media (min-width: 768px) {
  .version_photo_19 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.version_photo_19 .pic_box {
  margin: 0 0 1.5625rem;
}

.version_photo_19 .pic_box img {
  border-radius: 0.3125rem;
}

.version_photo_19 .title_style {
  text-align: left;
}

@media (max-width: 767px) {
  .version_photo_19 .title_style {
    text-align: center;
    margin: 0 0 0.9375rem;
  }
}

.version_photo_19 .button_settings {
  margin: 2.5rem 0 0;
}

@media (max-width: 767px) {
  .version_photo_19 .button_settings {
    margin: 1.5625rem auto 0;
  }
}

.version_photo_20 {
  position: relative;
  background: #f2f2f2;
}

.version_photo_20 img {
  border-radius: 0.3125rem;
}

.version_photo_21 .section__title {
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1.5625rem;
  background-size: cover;
  background-position: center;
  border-radius: 0.3125rem;
}

@media (max-width: 767px) {
  .version_photo_21 .section__title {
    padding: 0.9375rem;
  }
}

.version_photo_21 .section__title .description {
  color: #fff;
}

.version_photo_21 .section__title a {
  color: #fff;
}

.version_photo_21 .section__title a:hover {
  color: #fabe00;
}

@media (max-width: 767px) {
  .version_photo_22 .pic_box {
    justify-content: center;
  }
}

.version_photo_22 .pic_box .box_item {
  padding: 0.9375rem;
  text-align: center;
}

@media (max-width: 767px) {
  .version_photo_22 .pic_box .box_item {
    padding: 0.625rem;
  }
}

.version_photo_22 .pic_box .box_item .box {
  padding: 0 0 1.5625rem;
  border: 1px #ddd solid;
  border-radius: 0.3125rem;
}

@media (max-width: 767px) {
  .version_photo_22 .pic_box .box_item .box {
    padding: 0 0 0.9375rem;
  }
}

.version_photo_22 .pic_box .box_item .box .pic img {
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.version_photo_22 .pic_box .box_item .text {
  padding: 0 0.625rem;
  margin: 1.5625rem 0 0;
}

@media (max-width: 767px) {
  .version_photo_22 .pic_box .box_item .text {
    padding: 0 0.625rem;
    margin: 0.9375rem 0 0;
  }
}

.version_photo_22 .button_settings {
  margin: 2.5rem 0 0;
}

.version_photo_22 .title_style {
  text-align: left;
  margin: 0 0 1.5625rem;
}

@media (max-width: 767px) {
  .version_photo_22 .title_style {
    text-align: center;
    margin: 0 0 0.9375rem;
  }
}

.version_photo_23 {
  position: relative;
}

.version_photo_23 .bg_img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%) translateY(-50%);
  border: none;
}

.version_photo_23 .text_box {
  margin-bottom: 2.5rem;
}

.version_photo_23 .text_box .title_style {
  margin: 0 0 0.9375rem;
}

.version_photo_23 .list_style {
  margin: 1.5625rem 0 0.9375rem;
}

@media (max-width: 767px) {
  .version_photo_23 .list_style {
    margin: 0.9375rem 0 0.625rem;
  }
}

.version_photo_23 .button_settings {
  margin: 2.5rem auto 0;
}

.version_photo_23 .out_box {
  text-align: center;
  margin: 0 0 1.5625rem;
  padding: 0 12px;
}

.version_photo_23 .out_box .photo-box-border {
  padding: 2.5rem 2rem;
  height: auto;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 10;
}

.version_photo_23 .out_box .imgBox {
  max-width: 160px;
  margin: 0px auto;
}

.version_photo_23 .out_box .imgBox a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  margin: 20px auto 15px;
  overflow: hidden;
  position: relative;
}

.version_photo_23 .out_box .imgBox a::after {
  content: "";
  width: 0%;
  height: 0%;
  display: block;
  background-color: #fabe00;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition-duration: 0.5s;
}

.version_photo_23 .out_box .imgBox a:hover::after {
  width: 100%;
  height: 100%;
}

.version_photo_24 {
  position: relative;
}

.version_photo_24 .title_style {
  text-align: left;
  margin: 0 0 1.5625rem;
}

@media (max-width: 991px) {
  .version_photo_24 .title_style {
    text-align: center;
  }
}

@media (max-width: 991px) {
  .version_photo_24 .description {
    margin-bottom: 3vh;
  }
}

@media (max-width: 991px) {
  .version_photo_24 .sec_title,
  .version_photo_24 .description {
    text-align: center;
  }
}

.version_photo_24 .button_settings {
  margin-top: 3vh;
}

@media (max-width: 991px) {
  .version_photo_24 .button_settings {
    margin: 0 auto 0;
  }
}

.version_photo_25 {
  position: relative;
}

.version_photo_25 .title_style {
  margin: 0 0 1.5625rem;
}

@media (min-width: 768px) {
  .version_photo_25 .title_style {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .version_photo_25 .description {
    margin-bottom: 3vh;
  }
}

.version_photo_25 .button_settings {
  margin-top: 3vh;
}

@media (max-width: 991px) {
  .version_photo_25 .button_settings {
    margin: 0 auto 0;
  }
}

.version_photo_25 .version_photo_25_row {
  justify-content: center;
  align-items: center;
}

.version_photo_26 {
  position: relative;
  padding: clamp(5rem, -0.7143rem + 8.9286vw, 10rem) 0
    clamp(5rem, -3rem + 12.5vw, 12rem);
}

.version_photo_26:before {
  content: "";
  position: absolute;
  background: url(../../../default/system/index/LOGOFlower-CC.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: clamp(80rem, 45.7143rem + 53.5714vw, 110rem);
  height: clamp(80rem, 45.7143rem + 53.5714vw, 110rem);
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.05;
  z-index: -1;
}

.version_photo_26 .pic-loop {
  flex-shrink: 0;
  display: flex;
  animation: slide 20s linear infinite;
}

.version_photo_26 .pic-loop img {
  width: 25rem;
}

@media (max-width: 1300px) {
  .version_photo_26 .pic-loop img {
    width: 20rem;
  }
}

@media (max-width: 767px) {
  .version_photo_26 .pic-loop img {
    width: 14rem;
  }
}

@keyframes slide {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.version_catalog_01 .box_outside .add_banner_wrap {
  padding: 0.625rem;
}

@media (max-width: 991px) {
  .version_catalog_01 .box_outside .add_banner_wrap {
    margin: 0;
  }
}

.version_catalog_01 .add_banner {
  overflow: hidden;
  position: relative;
}

.version_catalog_01 .add_banner .banner_thumb a {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 0.3125rem;
}

.version_catalog_01 .add_banner .banner_thumb a img {
  width: 100%;
  transition: all 300ms ease-in 0s;
}

.version_catalog_01 .add_banner .banner_thumb a:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_catalog_01 .add_banner .banner_inner {
  left: 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0vh;
  padding: 3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  pointer-events: none;
}

.version_catalog_01 .add_banner .banner_inner .button_settings {
  padding: 0;
  color: #fff;
  margin: 0.9375rem 0 0;
}

@media (max-width: 767px) {
  .version_catalog_01 .add_banner .banner_inner .button_settings {
    margin: 0.625rem 0 0;
  }
}

.version_catalog_01 .add_banner .banner_inner .button_settings:hover {
  color: #fabe00;
}

.version_catalog_01 .add_banner .banner_content {
  pointer-events: initial;
}

.version_catalog_01 .add_banner .banner_content .sec_title_style {
  margin: 0;
}

.version_catalog_01 .banner_inner {
  padding: 0 0.938rem;
}

@media (max-width: 767px) {
  .version_catalog_01 .add_banner .banner_inner h6 {
    font-size: 0.75rem;
    line-height: 1.563rem;
  }

  .version_catalog_01 .add_banner .banner_inner h3 {
    font-size: 1rem;
    margin-bottom: 0.313rem;
  }
}

.version_catalog_02 .collection__content {
  max-width: 31.25rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.938rem;
}

.version_catalog_02 .collection__content .button_settings {
  margin: 0 auto 0;
}

.version_catalog_02 .collection__content .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_catalog_02 .collection__content .description {
    margin: 0 0 0.9375rem;
  }
}

.version_catalog_02 .collection__btn {
  margin-top: 0.938rem;
}

.version_catalog_02 .page_spacing {
  margin: 0;
}

@media (max-width: 767px) {
  .version_catalog_02 .page_spacing {
    margin-top: 1.5625rem;
  }
}

.version_catalog_02 .banner__collection__box .collection__thumb a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.version_catalog_03 .banner {
  text-align: right;
  margin-top: 0;
}

.version_catalog_03 .banner--5 .banner {
  overflow: hidden;
  position: relative;
}

.version_catalog_03 .banner--5 .banner .thumb {
  overflow: hidden;
  position: relative;
  border-radius: 0.3125rem;
}

.version_catalog_03 .banner--5 .banner .thumb a img {
  transition: all 300ms ease-in 0s;
  width: 100%;
}

.version_catalog_03 .banner--5 .banner .content {
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 2.5rem;
}

.version_catalog_03 .banner--5 .banner .content .button_settings {
  padding: 0;
  margin: 0 0 0 auto;
  color: #fff;
}

@media (max-width: 767px) {
  .version_catalog_03 .banner--5 .banner .content .button_settings {
    margin: 0 auto 0;
  }
}

.version_catalog_03 .banner--5 .banner .content .button_settings:hover {
  color: #fabe00;
}

.version_catalog_03 .banner--5 .banner .content .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_catalog_03 .banner--5 .banner .content .description {
    margin: 0 0 1.5625rem;
  }
}

.version_catalog_03 .banner--5 .banner .content.content__bg {
  background-color: rgba(22, 22, 27, 0.95);
  left: 2.5rem;
  min-width: auto;
  padding: 3.125rem 1.25rem;
  right: 2.5rem;
  transform: translateX(0px) translateY(-50%);
}

.version_catalog_03 .banner--5 .banner .content.border-top-bottom::after {
  content: "";
  background: #333;
  border-bottom: 0 none;
  bottom: 1.563rem;
  height: 0.188rem;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 2.5rem;
}

.version_catalog_03 .banner--5 .banner .content.border-top-bottom::before {
  content: "";
  background: #333;
  height: 0.188rem;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 1.563rem;
  transform: translateX(-50%);
  width: 2.5rem;
}

.version_catalog_03 .banner--5 .banner .content span {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.563rem;
  display: block;
}

.version_catalog_03 .banner--5 .banner .content.content__with__border::after {
  content: "";
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff;
  border-image: none;
  border-style: none solid solid;
  border-width: 0 0.313rem 0.313rem;
  bottom: -2.625rem;
  height: 3.125rem;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%) translateY(100%);
  width: 8.75rem;
}

.version_catalog_03 .banner--5 .banner .content.content__with__border::before {
  content: "";
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff;
  border-image: none;
  border-style: solid solid none;
  border-width: 0.313rem 0.313rem 0;
  height: 3.125rem;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: -1.563rem;
  transform: translateX(-50%) translateY(-100%);
  width: 8.75rem;
}

.version_catalog_03 .banner--5 .banner .link {
  bottom: 1.875rem;
  left: 0;
  padding: 0 1.875rem;
  position: absolute;
  right: 0;
}

.version_catalog_03 .banner--5 .banner .link a {
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}

.version_catalog_03 .banner--5 .banner .link.poss--center {
  bottom: -2rem;
}

.version_catalog_03 .banner--5 .banner.co13 .content {
  top: 50%;
}

.version_catalog_03 .banner--5 .banner.co13 .content.border-top-bottom {
  padding: 2.75rem 1.875rem;
}

.version_catalog_03
  .banner--5
  .banner.co13
  .content.border-top-bottom.border--white::before {
  background: #fff;
}

.version_catalog_03
  .banner--5
  .banner.co13
  .content.border-top-bottom.border--white::after {
  background: #fff;
}

.version_catalog_03 .banner--5 .banner:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_catalog_03 .banner--5 .banner:hover .content h4,
.version_catalog_03 .banner--5 .banner:hover .content p {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_03 .banner--5 .banner:hover .content .button_settings {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_03 .banner--5 .banner:hover .link,
.version_catalog_03 .banner--5 .banner:hover span {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_03 .banner--5 .banner:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_catalog_03 .banner--5 .banner .content.pss--right {
  left: auto;
  right: 0;
  min-width: auto;
  padding: 0 1.875rem;
  transform: translateX(0) translateY(-50%);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_catalog_03 .banner--5 .banner.co13 .content.border-top-bottom {
    padding: 2.75rem 0.438rem;
  }
}

@media (max-width: 767px) {
  .version_catalog_03 .banner--5 .banner .content.content__with__border::before,
  .version_catalog_03 .banner--5 .banner .content.content__with__border::after {
    display: none;
  }
}

@media (max-width: 575px) {
  .version_catalog_03 .banner--5 .banner .content.content__with__border::after {
    bottom: -1.625rem;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

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

.version_catalog_04 .title a {
  color: #fff;
}

.version_catalog_04 .sec_title_style a {
  color: #fff;
}

.version_catalog_04 .sec_title_style a:hover {
  color: #fabe00;
}

.version_catalog_04 .description {
  margin: 0 0 2.5rem;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .version_catalog_04 .description {
    margin: 0 0 1.5625rem;
  }
}

.version_catalog_04 .list__categories {
  overflow: hidden;
  position: relative;
}

.version_catalog_04 .list__categories .thumb__catrgories {
  position: relative;
}

.version_catalog_04 .list__categories .thumb__catrgories::before {
  content: "";
  background: rgba(22, 22, 27, 0.9);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 400ms ease-in 0s;
  z-index: 1;
}

@media (max-width: 991px) {
  .version_catalog_04 .list__categories .thumb__catrgories::before {
    opacity: rgba(22, 22, 27, 0.9);
  }
}

.version_catalog_04 .list__categories .thumb__catrgories a img {
  width: 100%;
  transition: all 400ms ease-in 0s;
}

.version_catalog_04 .list__categories .desc__categories {
  left: 1.875rem;
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.version_catalog_04 .list__categories .desc__categories .categories__content {
  border: 1px solid #fff;
  padding: 6.875rem 2.813rem 6.25rem;
  transform: scale3d(1.2, 1.2, 1.2);
  transition: all 500ms ease-in 0s;
  opacity: 0;
}

.version_catalog_04
  .list__categories
  .desc__categories
  .categories__content
  .button_settings {
  padding: 0;
  color: #fff;
}

.version_catalog_04
  .list__categories
  .desc__categories
  .categories__content
  .button_settings:hover {
  color: #fabe00;
}

@media (max-width: 1500px) {
  .version_catalog_04 .list__categories .desc__categories .categories__content {
    padding: 2.5rem;
  }
}

@media (max-width: 991px) {
  .version_catalog_04 .list__categories .desc__categories .categories__content {
    opacity: 1;
    border: none;
  }
}

.version_catalog_04 .list__categories:hover .thumb__catrgories:before {
  opacity: 1;
  transition: all 400ms ease-in 0s;
}

.version_catalog_04 .list__categories:hover .thumb__catrgories a img {
  transform: scale3d(1.05, 1.05, 1.05);
  transition: all 400ms ease-in 0s;
}

.version_catalog_04
  .list__categories:hover
  .desc__categories
  .categories__content {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

@media (max-width: 991px) {
  .version_catalog_04
    .list__categories:hover
    .desc__categories
    .categories__content {
    transform: scale3d(1.2, 1.2, 1.2);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_catalog_04 .list__categories .desc__categories .categories__content {
    padding: 3.438rem;
    border: none;
  }

  .version_catalog_04 .list__categories .desc__categories {
    left: 20px;
    right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .version_catalog_04 .list__categories .desc__categories .categories__content {
    padding: 60px;
  }

  .version_catalog_04 .list__categories .desc__categories {
    left: 20px;
    right: 20px;
  }
}

@media (max-width: 767px) {
  .version_catalog_04 .list__categories .desc__categories .categories__content {
    padding: 50px 6.25rem;
  }

  .version_catalog_04 .list__categories .desc__categories {
    left: 20px;
    right: 20px;
  }
}

.version_catalog_05 .banner--7 {
  position: relative;
}

.version_catalog_05 .banner--7 .thumb {
  border-radius: 0.3125rem;
}

.version_catalog_05 .banner--7 .thumb a {
  position: relative;
}

.version_catalog_05 .banner--7 .thumb a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.version_catalog_05 .banner--7 .thumb a:before {
  content: "";
  background-color: rgba(22, 22, 27, 0.95);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  z-index: 1;
}

.version_catalog_05 .banner--7 .thumb a {
  display: block;
  overflow: hidden;
}

.version_catalog_05 .banner--7 .content {
  color: #fff;
  left: 50%;
  min-width: 80%;
  opacity: 0;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}

.version_catalog_05 .banner--7 .content .sec_title_style {
  color: #fff;
}

.version_catalog_05 .banner--7 .content .sec_title_style a {
  color: #fff;
}

.version_catalog_05 .banner--7 .content .description {
  color: #fff;
  margin: 0 auto 2.5rem;
}

@media (max-width: 991px) {
  .version_catalog_05 .banner--7 .content .description {
    margin: 0 auto 1.5625rem;
  }
}

.version_catalog_05 .banner--7 .content .button_settings {
  margin: 0 auto 0;
  color: #fff;
}

.version_catalog_05 .banner--7 .content .button_settings:hover {
  color: #fabe00;
}

.version_catalog_05 .banner--7 .content .version_button_04 {
  padding: 0;
}

.version_catalog_05 .banner--7:hover .thumb a:before {
  opacity: 1;
}

.version_catalog_05 .banner--7:hover .content {
  opacity: 1;
}

.version_catalog_05 .banner--7:hover .content h4 {
  animation: 300ms ease-in-out 0s normal none 1 running fadeInUp;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_05 .banner--7:hover .content .description {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_05 .banner--7:hover .content .button_settings {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_05 .content .btn {
  background: none;
  border: none;
  margin-top: 15px;
}

.version_catalog_05 .description {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_catalog_05 .banner--7 .content a {
    margin-top: 14px;
  }

  .version_catalog_05 .banner--7 .content h3 {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

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

.version_catalog_05 .fadeInUp {
  animation-name: fadeInUp;
}

.version_catalog_06 .up {
  background: #fabe00;
  width: 100%;
  padding: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-radius: 0.3125rem 0.3125rem 0 0;
}

@media (max-width: 767px) {
  .version_catalog_06 .up {
    justify-content: center;
  }
}

.version_catalog_06 .up .sec_title_style {
  margin: 0;
}

.version_catalog_06 .up .sec_title_style a:hover {
  color: #fff;
}

.version_catalog_06 .up .description {
  margin: 0.9375rem 0 0;
}

@media (max-width: 767px) {
  .version_catalog_06 .up .description {
    margin: 0.625rem 0 0;
  }
}

.version_catalog_06 .down a {
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.version_catalog_06 .readMore a {
  color: #2e2e2e;
}

.version_catalog_06 .readMore a:hover,
.version_catalog_06 .readMore a:focus {
  color: #fabe00;
}

@media (max-width: 1199px) {
  .version_catalog_06 .readMore {
    margin-top: 10px;
  }
}

.version_catalog_06 figure.effect-ming a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.version_catalog_06 figure.effect-ming a img {
  transition-duration: 0.5s;
}

.version_catalog_06 .hoverMore {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  transition-duration: 0.5s;
  z-index: 5;
  opacity: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0);
  border: none;
}

.version_catalog_06 .hoverMore:hover {
  color: #fabe00;
  background: rgba(0, 0, 0, 0);
}

.version_catalog_06 figure.effect-ming a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  transition-duration: 0.5s;
  z-index: 2;
  opacity: 0;
}

.version_catalog_06 figure.effect-ming a::after {
  content: "";
  display: block;
  width: 80%;
  height: 80%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  border: 1px solid #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  transition-duration: 0.5s;
  z-index: 3;
  opacity: 0;
}

.version_catalog_06 figure.effect-ming a:hover img {
  transform: scale(1.1);
}

.version_catalog_06 figure.effect-ming a:hover .hoverMore {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  margin: 0;
}

.version_catalog_06 figure.effect-ming a:hover::before {
  opacity: 1;
}

.version_catalog_06 figure.effect-ming a:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.version_catalog_06 .boxPb {
  padding-bottom: 0.9375rem;
  height: 100%;
}

.version_catalog_07 .in-block {
  position: relative;
  padding: 0;
}

.version_catalog_07 .down a {
  display: block;
}

.version_catalog_07 .down img {
  width: 100%;
}

.version_catalog_07 .description {
  margin: 0 0 0.9375rem;
}

.version_catalog_07 .description p {
  margin: 0;
}

.version_catalog_07 .button_settings {
  margin: 1.5625rem 0 0;
}

@media (max-width: 767px) {
  .version_catalog_07 .button_settings {
    margin: 1.5625rem auto 0;
  }
}

.version_catalog_07 .content {
  position: absolute;
  padding: 2.8125rem;
  width: 100%;
  left: 0;
  top: 20px;
}

@media (max-width: 575px) {
  .version_catalog_08 .area-spacing {
    margin: 1.5625rem 0 0;
  }
}

.version_catalog_08 .page_spacing {
  margin: 0 0 1.875;
}

.version_catalog_08 .box1 {
  margin: 1rem 0 0;
}

@media (max-width: 991px) {
  .version_catalog_08 .box1 {
    margin: 0 0 0.9375rem;
  }
}

@media (max-width: 767px) {
  .version_catalog_08 .box1 {
    margin: 0;
  }
}

.version_catalog_08 .box2 {
  margin: 0 0 1rem;
}

@media (max-width: 991px) {
  .version_catalog_08 .box2 {
    margin: 0 0 0.9375rem;
  }
}

@media (max-width: 767px) {
  .version_catalog_08 .box2 {
    margin: 0;
  }
}

.version_catalog_08 .version_button_04 {
  padding: 0;
}

.version_catalog_08 .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 991px) {
  .version_catalog_08 .description {
    margin: 0 0 0.9375rem;
  }
}

.version_catalog_09 .boxAbsolute:hover .readMore,
.version_catalog_09 .boxAbsolute:hover .content {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
  -webkit-animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

@media (max-width: 991px) {
  .version_catalog_09 .boxAbsolute {
    margin-bottom: 1.5625rem;
  }
}

.version_catalog_09 a:hover,
.version_catalog_09 a:focus {
  color: #fff;
}

.version_catalog_09 .up {
  width: 100%;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% - 30px);
  padding: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 15px;
  bottom: 0;
  overflow: hidden;
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.version_catalog_09 .up::before {
  content: "";
  background-color: #fabe00;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  z-index: 1;
  height: 100%;
  bottom: 0;
}

.version_catalog_09 .up .list_style {
  margin: 0;
}

.version_catalog_09 .up .content {
  position: relative;
  z-index: 1;
}

.version_catalog_09 .up .content .sec_title_style {
  margin: 0;
}

.version_catalog_09 .down a img {
  border-radius: 0.3125rem;
}

.version_catalog_09 .readMore {
  position: relative;
  z-index: 1;
}

.version_catalog_09 .readMore .button_settings {
  color: #2e2e2e;
  padding: 0;
  margin: 0;
}

.version_catalog_09 .readMore .button_settings:hover,
.version_catalog_09 .readMore .button_settings:focus {
  color: #fff;
}

.version_catalog_10 {
  position: relative;
  background-size: cover;
  background-position: center center;
}

.version_catalog_10 .description {
  margin: 0 0 2.5rem;
  text-align: center;
}

.version_catalog_10 .button_settings {
  margin: 1.5625rem auto 0;
}

.version_catalog_10 .item_box {
  padding: 0 0.625rem 1.25rem;
}

.version_catalog_10 .item {
  background: #999;
  border-radius: 0.3125rem;
  transition: 0.3s ease-in-out;
}

.version_catalog_10 .item:hover {
  filter: brightness(130%);
  transition: 0.3s ease-in-out;
}

.version_catalog_10 .item .list_style {
  margin: 0;
}

.version_catalog_10 .item .list_style a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.9375rem 1.5625rem;
}

.version_catalog_10 .title_style {
  margin: 0 0 1.5625rem;
}

@media (max-width: 991px) {
  .version_catalog_10 .title_style {
    margin: 0 0 0.625rem;
  }
}

.version_catalog_10 .button_box {
  text-align: right;
}

@media (max-width: 767px) {
  .version_catalog_10 .button_box {
    text-align: center;
  }
}

.version_catalog_11 {
  position: relative;
}

.version_catalog_11 .outside_arrow_out .outside_arrow_in {
  border-radius: 0.3125rem;
}

.version_catalog_11 .version_button_04 {
  padding: 0.9375rem;
}

@media (max-width: 767px) {
  .version_catalog_11 .version_button_04 {
    padding: 0.9375rem 0 1.5625rem;
  }
}

.version_catalog_11 .button_settings {
  margin: 1.5625rem 0 0;
}

.version_catalog_11 .product__content .description {
  margin: 0 0 2.5rem;
  color: #333;
}

@media (max-width: 767px) {
  .version_catalog_11 .product__content .description {
    margin: 0 0 1.5625rem;
  }
}

.version_catalog_11 .title_style {
  text-align: left;
  margin: 0 0 1.5625rem;
}

@media (max-width: 767px) {
  .version_catalog_11 .title_style {
    text-align: center;
    margin: 0 0 0.9375rem;
  }
}

.version_catalog_11 .bg_img {
  background: #f2f2f2;
  position: absolute;
  width: 100%;
  height: 75%;
  top: 0;
  left: 0;
}

.version_catalog_11 .product__thumb a img {
  width: 100%;
  border-radius: 0;
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.version_catalog_11 .product__content {
  background: #fabe00;
  padding: 1.5rem 1.5rem 2.5rem;
  position: relative;
  border-radius: 0 0 0.3125rem 0.3125rem;
}

.version_catalog_11 .product__content a {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .version_catalog_11 .product__content a {
    width: 100%;
  }
}

.version_catalog_11 .product__content a:hover,
.version_catalog_11 .product__content a:focus {
  color: #fff;
}

.version_catalog_11 .product__content .page-buttom:hover {
  border: 1px #fff solid;
}

.version_catalog_11 .swiperBtnStyleL svg path,
.version_catalog_11 .swiperBtnStyleR svg path {
  transition: fill 0.5s;
}

.version_catalog_12 {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 768px) {
  .version_catalog_12 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media (max-width: 991px) {
  .version_catalog_12 .page_set {
    justify-content: center;
  }
}

.version_catalog_12 .title_content h4 {
  margin-bottom: 1rem;
  text-align: left;
}

@media (max-width: 991px) {
  .version_catalog_12 .title_content h4 {
    text-align: center;
  }
}

.version_catalog_12 .title_content .introduction {
  margin-bottom: 1.5rem;
}

.version_catalog_12 .icon {
  display: flex;
  align-items: center;
  margin: 0 0 1.5625rem;
}

.version_catalog_12 .icon .image img {
  border-radius: 0.3125rem;
}

@media (max-width: 767px) {
  .version_catalog_12 .icon .image {
    margin: 0 0 0.9375rem;
  }
}

.version_catalog_12 .icon .content .list_style {
  margin: 0 0 0.3125rem;
}

.version_catalog_12 .icon .content .description {
  margin: 0;
}

.version_catalog_12 .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_catalog_12 .description {
    margin: 0 0 1.5625rem;
  }
}

@media (max-width: 991px) {
  .version_catalog_12 .button_settings {
    margin: 1.5625rem auto 0;
  }
}

.version_catalog_13 {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (min-width: 768px) {
  .version_catalog_13 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.version_catalog_13 .bg_img {
  background: #f2f2f2;
  position: absolute;
  width: 100%;
  height: 70%;
  top: 0;
  left: 0;
}

.version_catalog_13 > .container {
  position: relative;
}

.version_catalog_13 .sec_title_style a:hover {
  color: #db6a83;
}

.version_catalog_13 .version_catalog_13_slide .container {
  padding: 0;
}

.version_catalog_13 .version_catalog_13_slide .container .row {
  margin-left: 0;
  margin-right: 0;
}

.version_catalog_13 .swiperBtnStyleL,
.version_catalog_13 .swiperBtnStyleR {
  top: 60%;
}

@media (min-width: 576px) {
  .version_catalog_13 .swiperBtnStyleL {
    left: 15px;
  }

  .version_catalog_13 .swiperBtnStyleR {
    right: 15px;
  }
}

.version_catalog_13 .title_content h4 {
  margin-bottom: 1rem;
}

.version_catalog_13 .title_content .introduction {
  margin-bottom: 1.5rem;
}

.version_catalog_13 .version_catalog_13_image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.version_catalog_13 .version_catalog_13_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3125rem 0 0 0.3125rem;
}

.version_catalog_13 .version_catalog_13_content {
  background: #fabe00;
  padding: 4rem 3rem;
  display: flex;
  align-items: center;
  min-height: 486px;
  border-radius: 0 0.3125rem 0.3125rem 0;
}

@media (max-width: 767px) {
  .version_catalog_13 .version_catalog_13_content {
    padding: 1.5625rem;
    justify-content: center;
    min-height: 300px;
  }
}

.version_catalog_13 .version_catalog_13_content a {
  color: #fff;
}

.version_catalog_13 .number-box {
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  margin: 0 0 0.3125rem;
}

@media (max-width: 767px) {
  .version_catalog_13 .number-box {
    text-align: center;
  }
}

.version_catalog_13 .swiperBtnStyleL svg path,
.version_catalog_13 .swiperBtnStyleR svg path {
  transition: fill 0.5s;
}

@media (max-width: 991px) {
  .version_catalog_14 .service-in {
    align-items: center;
    justify-content: center;
  }
}

.version_catalog_14 .service-in .button_settings {
  margin: 0;
}

.version_catalog_14 .service-in .items-area {
  padding: 2.5rem 5.25rem 0 16.25rem;
}

@media (max-width: 1400px) {
  .version_catalog_14 .service-in .items-area {
    padding: 0 0.9375rem;
  }
}

@media (max-width: 767px) {
  .version_catalog_14 .service-in .items-area {
    padding: 0 2.5rem;
  }
}

.version_catalog_14 .service-in .items-area .title_style {
  text-align: left;
  margin: 0;
}

@media (max-width: 991px) {
  .version_catalog_14 .service-in .items-area .title_style {
    text-align: center;
  }
}

.version_catalog_14 .service-in .items-area .description {
  margin: 0.9375rem 0;
}

@media (max-width: 991px) {
  .version_catalog_14 .service-in .items-area .description {
    text-align: center;
  }
}

.version_catalog_14 .service-in .items-area .service-item {
  padding: 2.5rem 0.3125rem 1.5625rem;
}

@media (max-width: 991px) {
  .version_catalog_14 .service-in .items-area .service-item {
    justify-content: center;
    padding: 1.5625rem 0;
  }
}

.version_catalog_14 .service-in .items-area .service-item .service-area {
  padding: 0 0.625rem 1.25rem;
}

.version_catalog_14
  .service-in
  .items-area
  .service-item
  .service-area
  a
  .content {
  background: #707070;
  color: #fff;
  font-size: clamp(1.125rem, 0.9821rem + 0.2232vw, 1.25rem);
  padding: 15px;
  font-weight: bold;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.3s ease-in-out;
  border-radius: 0.3125rem;
}

.version_catalog_14
  .service-in
  .items-area
  .service-item
  .service-area
  a
  .content:hover {
  background: #fabe00;
  transition: 0.3s ease-in-out;
}

.version_catalog_14
  .service-in
  .items-area
  .service-item
  .service-area
  a
  .content
  .sec_title_style {
  margin: 0;
}

@media (min-width: 1400px) and (max-width: 1900px) {
  .version_catalog_14
    .service-in
    .items-area
    .service-item
    .service-area
    a
    .content {
    font-size: 1.125rem;
  }
}

@media (min-width: 1199px) and (max-width: 1550px) {
  .version_catalog_14
    .service-in
    .items-area
    .service-item
    .service-area
    a
    .content {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .version_catalog_14
    .service-in
    .items-area
    .service-item
    .service-area
    a
    .content {
    font-weight: normal;
  }
}

@media (max-width: 767px) {
  .version_catalog_14 .service-in .items-area .btn-box {
    text-align: center;
  }
}

.version_catalog_14 .service-in .picture-area {
  padding: 0;
}

@media (max-width: 991px) {
  .version_catalog_14 .service-in .picture-area {
    padding: 0 15px;
    margin: 0 0 2.5rem;
  }
}

@media (max-width: 767px) {
  .version_catalog_14 .service-in .picture-area {
    display: none;
  }
}

.version_catalog_14 .service-in .picture-area .pic-box {
  width: fit-content;
  margin: 0 auto;
}

.version_catalog_14 .service-in .picture-area .pic-box img {
  border-radius: 0.3125rem 0 0 0.3125rem;
}

@media (max-width: 991px) {
  .version_catalog_14 .service-in .picture-area .pic-box {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .version_catalog_14 .service-in .picture-area .pic-box {
    margin-top: 10vh;
  }
}

.version_catalog_15 .banner {
  text-align: right;
  margin-top: 0;
}

.version_catalog_15 .banner--5 .banner {
  overflow: hidden;
  position: relative;
}

.version_catalog_15 .banner--5 .banner .thumb {
  overflow: hidden;
  position: relative;
  border-radius: 0;
}

.version_catalog_15 .banner--5 .banner .thumb a {
  background-color: #db6a83;
  height: 100%;
  width: 100%;
  display: block;
  transition: 0.3s;
}

.version_catalog_15 .banner--5 .banner .thumb a img {
  transition: all 300ms ease-in 0s;
  width: 100%;
  opacity: 1;
  filter: brightness(0.65);
}

.version_catalog_15 .banner--5 .banner .content {
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 2.5rem;
  pointer-events: none;
  text-align: center;
}

.version_catalog_15 .banner--5 .banner .content .button_settings {
  padding: 0;
  margin: auto;
  color: #fff;
}

@media (max-width: 767px) {
  .version_catalog_15 .banner--5 .banner .content .button_settings {
    margin: 0 auto 0;
  }
}

.version_catalog_15 .banner--5 .banner .content .button_settings:hover {
  color: #fabe00;
}

.version_catalog_15 .banner--5 .banner .content .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_catalog_15 .banner--5 .banner .content .description {
    margin: 0 0 1.5625rem;
  }
}

.version_catalog_15 .banner--5 .banner .content.content__bg {
  background-color: rgba(22, 22, 27, 0.95);
  left: 40px;
  min-width: auto;
  padding: 50px 20px;
  right: 40px;
  transform: translateX(0px) translateY(-50%);
}

.version_catalog_15 .banner--5 .banner .content.border-top-bottom::after {
  content: "";
  background: #333;
  border-bottom: 0 none;
  bottom: 25px;
  height: 3px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 40px;
}

.version_catalog_15 .banner--5 .banner .content.border-top-bottom::before {
  content: "";
  background: #333;
  height: 3px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 25px;
  transform: translateX(-50%);
  width: 40px;
}

.version_catalog_15 .banner--5 .banner .content span {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 25px;
  display: block;
}

.version_catalog_15 .banner--5 .banner .content.content__with__border::after {
  content: "";
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff;
  border-image: none;
  border-style: none solid solid;
  border-width: 0 5px 5px;
  bottom: -42px;
  height: 50px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%) translateY(100%);
  width: 140px;
}

.version_catalog_15 .banner--5 .banner .content.content__with__border::before {
  content: "";
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff;
  border-image: none;
  border-style: solid solid none;
  border-width: 5px 5px 0;
  height: 50px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: -25px;
  transform: translateX(-50%) translateY(-100%);
  width: 140px;
}

.version_catalog_15 .banner--5 .banner .link {
  bottom: 30px;
  left: 0;
  padding: 0 30px;
  position: absolute;
  right: 0;
}

.version_catalog_15 .banner--5 .banner .link a {
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}

.version_catalog_15 .banner--5 .banner .link.poss--center {
  bottom: -32px;
}

.version_catalog_15 .banner--5 .banner.co13 .content {
  top: 50%;
  text-align: center;
}

.version_catalog_15 .banner--5 .banner.co13 .content.border-top-bottom {
  padding: 44px 30px;
}

.version_catalog_15
  .banner--5
  .banner.co13
  .content.border-top-bottom.border--white::before {
  background: #fff;
}

.version_catalog_15
  .banner--5
  .banner.co13
  .content.border-top-bottom.border--white::after {
  background: #fff;
}

.version_catalog_15 .banner--5 .banner:hover .thumb a {
  transition: 0.3s;
}

.version_catalog_15 .banner--5 .banner:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
  opacity: 0.3;
  transition: 0.3s;
  filter: brightness(1);
}

.version_catalog_15 .banner--5 .banner:hover .content h4,
.version_catalog_15 .banner--5 .banner:hover .content p {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_15 .banner--5 .banner:hover .content .button_settings {
  animation: 700ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_15 .banner--5 .banner:hover .link,
.version_catalog_15 .banner--5 .banner:hover span {
  animation: 500ms ease-in-out 0s normal none 1 running fadeInUp;
}

.version_catalog_15 .banner--5 .banner:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_catalog_15 .banner--5 .banner .content.pss--right {
  left: auto;
  right: 0;
  min-width: auto;
  padding: 0 30px;
  transform: translateX(0) translateY(-50%);
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_catalog_15 .banner--5 .banner.co13 .content.border-top-bottom {
    padding: 44px 7px;
  }
}

@media (max-width: 767px) {
  .version_catalog_15 .banner--5 .banner .content.content__with__border::before,
  .version_catalog_15 .banner--5 .banner .content.content__with__border::after {
    display: none;
  }
}

@media (max-width: 575px) {
  .version_catalog_15 .banner--5 .banner .content.content__with__border::after {
    bottom: -26px;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

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

.version_text_01 .title_style {
  margin: 0 0 0.9375rem;
}

@media (max-width: 767px) {
  .version_text_01 .title_style {
    margin: 0 0 0.625rem;
  }
}

.version_text_01 .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_text_01 .description {
    margin: 0 0 1.5625rem;
  }
}

.version_text_01 .button_settings {
  margin: auto;
}

.version_text_04 .text_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .version_text_04 .text_box {
    padding: 0 0.9375rem;
  }
}

.version_text_04 .text_box .text {
  width: 70%;
}

@media (max-width: 767px) {
  .version_text_04 .text_box .description {
    margin: 0 0 1.5625rem;
  }
}

.version_text_05 {
  padding-bottom: 3rem;
}

.version_text_05 .title_content {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .version_text_05 .time_box {
    margin: 0 0 0.625rem;
  }
}

.version_text_05 .date_wrap {
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  align-items: center;
  font-size: 16px;
}

.version_text_05 .date_wrap .period {
  background: #fabe00;
  padding: 3px;
  width: 76px;
  text-align: center;
  color: #fff;
}

.version_text_05 .date_wrap .time {
  width: calc(100% - 76px);
  padding: 0 1rem;
}

.version_text_05 .version_text_05_btn {
  background: #fabe00;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: 0.3s background ease;
}

.version_text_05 .version_text_05_btn:hover {
  background: #947000;
}

@media (max-width: 767px) {
  .version_text_05 .version_text_05_btn {
    margin-top: 1rem;
  }
}

.version_text_05 .version_text_05_btn_inner {
  display: block;
  padding: 0 2rem;
  text-align: center;
  color: #fff;
  font-size: 1.65rem;
  line-height: 2rem;
}

@media (max-width: 991px) {
  .version_text_05 .version_text_05_btn_inner {
    padding: 1.4rem;
  }
}

@media (max-width: 767px) {
  .version_text_05 .version_text_05_btn_inner {
    padding: 0.3125rem;
    font-size: 1.45rem;
  }
}

.version_text_05 .version_text_05_btn_inner:hover {
  color: #fff;
}

.version_text_06 {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (max-width: 575px) {
  .version_text_06 {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
}

.version_text_06 .title_content {
  margin-bottom: 2rem;
}

.version_text_06 .comment_block {
  background: #201f29;
  color: #fff;
  padding: 1.6rem;
  min-height: 200px;
}

@media (max-width: 1199px) {
  .version_text_06 .comment_block {
    min-height: 230px;
  }
}

@media (max-width: 767px) {
  .version_text_06 .comment_block {
    min-height: 176px;
  }
}

.version_text_06 .top_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.version_text_06 .name {
  color: #db6a83;
}

.version_text_07 {
  position: relative;
  min-height: 70vh;
  overflow: hidden;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f24;
}

@media (max-width: 991px) {
  .version_text_07 {
    min-height: 400px;
  }
}

@media (min-width: 1200px) {
  .version_text_07 {
    min-height: 70vh;
  }
}

.version_text_07 .title_style {
  margin: 0 0 0.9375rem;
  color: #fff;
}

@media (max-width: 767px) {
  .version_text_07 .title_style {
    margin: 0 0 0.625rem;
  }
}

.version_text_07 .description {
  margin: 0 0 2.5rem;
}

@media (max-width: 767px) {
  .version_text_07 .description {
    margin: 0 0 1.5625rem;
  }
}

.version_text_07 .button_settings {
  margin: auto;
}

.version_text_07 .bg_video {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}

@media (max-width: 1199px) {
  .version_text_07 .bg_video {
    padding: 66%;
  }
}

@media (max-width: 991px) {
  .version_text_07 .bg_video {
    padding-bottom: 145%;
  }
}

.version_text_07 .bg_video iframe {
  position: absolute;
  z-index: 0;
  width: 220%;
  height: 220%;
  left: 0px;
  top: 0px;
  overflow: hidden;
  transform: scale(0.75) translate(-50%, -50%);
  transform-origin: center center;
}

@media (min-width: 1200px) {
  .version_text_07 .bg_video iframe {
    transform: scale(0.5) translate(-50%, -50%);
  }
}

@media (max-width: 575px) {
  .version_text_07 .bg_video iframe {
    width: 274%;
    height: 274%;
  }
}

.version_text_07 .bg_video .version_text_yt_overlay {
  position: absolute;
  overflow: hidden;
  padding-bottom: 62%;
  width: 130%;
  height: 0px;
  opacity: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.9s opacity ease 0.45s;
  background-color: rgba(0, 0, 0, 0.45);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.version_text_07 .bg_video .version_text_yt_overlay.mobile_overlay {
  top: 0%;
  left: 0%;
  transform: translate(0%, 0%);
}

@media (max-width: 1366px) {
  .version_text_07 .bg_video .version_text_yt_overlay {
    padding-bottom: 58%;
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .version_text_07 .bg_video .version_text_yt_overlay {
    padding-bottom: 55%;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .version_text_07 .bg_video .version_text_yt_overlay {
    padding-bottom: 76%;
    width: 134%;
  }
}

@media (max-width: 575px) {
  .version_text_07 .bg_video .version_text_yt_overlay {
    padding-bottom: 82%;
    width: 137%;
  }
}

.version_text_08 {
  position: relative;
}

.version_text_08 .title_style {
  margin: 0 0 1.5625rem;
}

@media (min-width: 768px) {
  .version_text_08 .title_style {
    text-align: left;
  }
}

@media (max-width: 991px) {
  .version_text_08 .description {
    margin-bottom: 3vh;
  }
}

.version_text_08 .button_settings {
  margin-top: 3vh;
}

@media (max-width: 991px) {
  .version_text_08 .button_settings {
    margin: 0 auto 0;
  }
}

.version_text_08 .version_text_08_row {
  justify-content: center;
  align-items: center;
}

.version_text_08 .bg_video {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.version_text_08 .bg_video:before {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.version_text_08 .bg_video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 138%;
  height: 138%;
  border: 0;
  transform: translate(-50%, -50%);
}

.version_text_08 .bg_video .version_text_yt_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.version_other_02 {
  background-position: center;
  background-size: cover;
}

.version_other_02 .swiper-pagination-bullets {
  margin: 0.9375rem 0;
}

.version_other_02 .slider__group .pic-spacing {
  padding: 0 0.9rem 0 0;
}

.version_other_02 .slider__group .pic-spacing .description {
  width: 100%;
  max-width: 380px;
  text-overflow: ellipsis;
  margin: 0 auto 2.5rem;
}

.version_other_02 .slider__group .pic-area .thumb {
  border-radius: 0.3125rem;
}

.version_other_02 .slider__group .pic-area .banner-col-2 {
  margin: 0.9375rem 0 0;
  padding: 0 0.625rem;
  overflow: hidden;
}

@media (max-width: 1199px) {
  .version_other_02 .slider__group .pic-area .banner-col-2 {
    height: 225px;
  }
}

@media (max-width: 991px) {
  .version_other_02 .slider__group .pic-area .banner-col-2 {
    overflow: inherit;
    height: 100%;
  }
}

.version_other_02 .slider__group .pic-area .banner-col-2 .description {
  max-width: 85%;
  text-overflow: ellipsis;
  margin: 0 0 0 auto;
}

.version_other_02 .slider__group .pic-area .banner-col {
  padding: 0 0.625rem;
}

@media (max-width: 767px) {
  .version_other_02 .slider__group .pic-area .banner-col {
    margin: 0.9375rem 0 0;
  }
}

.version_other_02 .slider__group .slider__area .slide .slider__content {
  text-align: center;
}

.version_other_02 .slider__group .slider__area .slide .slider__content a {
  color: #333;
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 30px;
  text-transform: uppercase;
  transition: 0.3s;
}

.version_other_02 .slider__group .slider__area .slide .slider__content a:hover {
  color: #fabe00;
}

.version_other_02 a:hover .shopbtn,
.version_other_02 a:focus .shopbtn {
  color: #fabe00;
}

.version_other_02 a:hover .shopbtn::before,
.version_other_02 a:focus .shopbtn::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fabe00;
}

.version_other_02 a:hover .shopbtn::after,
.version_other_02 a:focus .shopbtn::after {
  background: #fabe00;
}

.version_other_02 .banner-col {
  position: relative;
  overflow: hidden;
}

.version_other_02 .banner {
  margin-top: 0;
}

.version_other_02 .banner .thumb {
  overflow: hidden;
}

.version_other_02 .banner .thumb a img {
  transition: all 300ms ease-in 0s;
  width: 100%;
}

.version_other_02 .banner:hover .thumb a img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.version_other_02 .banner .content {
  position: absolute;
  padding: 0 15px;
  width: 90%;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 1199px) {
  .version_other_02 .banner .content {
    width: 90%;
    right: 10px;
  }
}

.version_other_02 .version_button_04 {
  padding: 0;
}

.version_other_02 .in_version_other a {
  height: 100%;
  width: 100%;
}

.version_other_02 .in_version_other img {
  width: 100%;
  object-fit: cover;
}

.version_other_02 .slider__content {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 3rem;
  transform: translateY(-50%);
  width: 100%;
}

.version_other_02 .slider_text {
  background: #fff;
}

.version_other_02 .index-Banner-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
}

.version_other_02 .swiper-pointer-events {
  border-radius: 0.3125rem;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .version_other_02 .slider__group {
    margin: 0 30px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .version_other_02 .slider__group {
    width: 100%;
  }

  .version_other_02 .slider__group .slider__area .slide.section__height {
    height: auto;
    padding: 72px 30px;
  }
}

@media (max-width: 991px) {
  .version_other_02
    .version_other_02
    .slider__group
    .slider__area.slider--12
    .slide.section__height {
    height: auto;
  }
}

@media (max-width: 767px) {
  .version_other_02 .slider__group .slider__area .slide .slider__content h3,
  .version_other_02
    .slider__group
    .slider__area.slider--12
    .slide
    .slider__content
    h3 {
    font-size: 3.125rem;
  }

  .version_other_02 .slider__group .slider__area .slide .slider__content p {
    margin: 0 0 29px;
  }

  .version_other_02 .slider__group {
    width: 100%;
  }

  .version_other_02
    .slider__group
    .slider__area.slider--12
    .slide
    .slider__content
    h1,
  .version_other_02 .slider__group .slider__area .slide .slider__content h1 {
    font-size: 2.625rem;
  }
}

.version_other_03 .circle {
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
  padding: 5px;
  color: #333;
  transform: scale(0.95);
}

@media screen and (min-width: 577px) {
  .version_other_03 .circle {
    transform: initial;
  }
}

.version_other_03 .circle strong {
  width: 100%;
  font-family: fugaz-one, sans-serif;
  font-weight: normal;
  left: 42%;
}

.version_other_03 .circle .circle_box {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.version_other_03 .circle .circle_box::before {
  z-index: -1;
  content: "";
  position: relative;
  display: block;
  padding-top: 100% !important;
  width: 100%;
  background: #f3f2f2;
  border-radius: 999999px;
}

.version_other_03 .circle .circle_box .numberBox {
  font-size: 24px;
  position: relative;
}

.version_other_03 .circle .circle_box .numberBox p {
  font-family: 微軟正黑體;
  font-size: 24px;
  text-align: center;
  width: 100%;
  font-weight: normal;
  margin-top: 0.313rem;
}

.version_other_03 .circle .circle_box .numberBox canvas {
  display: none;
}

.version_other_03 .circle .circle_box .number {
  font-family: Lucida Bright;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: clamp(0.5rem, -0.0714rem + 0.8929vw, 1rem);
}

.version_other_03 .circle .circle_box .number span.num-text {
  font-size: 2.813rem;
}

.version_other_03 .circle .circle_box .number span {
  font-size: 20px;
  font-family: arial;
  font-weight: normal;
}

.version_other_03 .circle .circle_box .numberBox {
  position: absolute;
  padding: 15px;
}

.version_other_03 .circle .circle_box .numberBox p {
  font-size: clamp(1.125rem, 0.6964rem + 0.6696vw, 1.5rem);
}

.version_button_01 {
  color: #2e2e2e;
  background: #fabe00;
  border: none;
  width: fit-content;
  border-radius: 0.3125rem;
  font-size: 1rem;
  padding: 0.8rem 2.5rem 0.7rem;
  transition: 0.3s ease-in-out;
}

.version_button_01:hover,
.version_button_01:focus {
  transition: 0.3s ease-in-out;
  background: #db6a83;
  color: #fff;
}

.version_button_02 {
  color: #fff;
  background: #2e2e2e;
  border: none;
  width: fit-content;
  border-radius: 0.3125rem;
  padding: 0.8rem 2.5rem 0.7rem;
  transition: 0.3s ease-in-out;
}

.version_button_02:hover,
.version_button_02:focus {
  transition: 0.3s ease-in-out;
  background: #999;
  color: #fff;
}

@media (max-width: 991px) {
  .version_button_02 ul li {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .version_button_02 ul li {
    display: block;
  }
}

.version_button_03 {
  color: #2e2e2e;
  background: #ebebeb;
  border: none;
  width: fit-content;
  border-radius: 0.3125rem;
  font-size: 1rem;
  padding: 0.8rem 2.5rem 0.7rem;
  transition: 0.3s ease-in-out;
}

.version_button_03:hover,
.version_button_03:focus {
  transition: 0.3s ease-in-out;
  background: #999;
  border-color: #999;
  color: #fff;
}

.version_button_04 {
  color: #43a7ff;
  width: fit-content;
  border-radius: 0.3125rem;
  padding: 0.7rem 0 0.5rem;
  font-size: 0.875rem;
  transition: 0.3s ease-in-out;
  background: rgba(0, 0, 0, 0);
  text-align: left;
}

@media (max-width: 767px) {
  .version_button_04 {
    padding: 0 0 0.5rem;
  }
}

.version_button_04:hover,
.version_button_04:focus {
  transition: 0.3s ease-in-out;
  color: #fabe00;
}

.underline {
  text-decoration: underline;
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 75rem;
    width: 96%;
  }
}

.gtut_member_cetner_card {
  margin-top: 2.5rem;
  padding: 1.875rem;
  border-radius: 0.3125rem;
  background: #f7f7f7;
}

.gtut_member_cetner_card_name {
  text-align: center;
}

@media (min-width: 768px) {
  .gtut_member_cetner_card_name {
    border-right: 1px solid #fabe00;
    text-align: left;
  }
}

.gtut_member_cetner_card_name h6 {
  font-weight: normal;
}

@media (min-width: 768px) {
  .gtut_member_center_card_bonus {
    border-right: 1px solid #fabe00;
  }
}

@media (max-width: 767px) {
  .gtut_member_cetner_card_info {
    margin-top: 1rem;
  }
}

.gtut_member_cetner_card_info .gtut_member_cetner_card_info_block {
  text-align: center;
}

.gtut_member_cetner_card_info .gtut_member_cetner_card_info_block .num {
  font-size: 1.8rem;
}

.gtut_member_cetner_card_info .gtut_member_cetner_card_info_block .num_red {
  color: #f51147;
}

.gtut_member_menu_wrap {
  padding: 0 0.625rem;
}

.gtut_member_menu_wrap .member_menu_item {
  padding: 0.625rem;
}

.gtut_member_menu_wrap .member_menu_item a {
  color: #333;
  font-size: 1rem;
  line-height: 1;
}

.gtut_member_menu_wrap .member_menu_item a:hover {
  background: #fabe00;
  border: 1px #fabe00 solid;
}

@media (max-width: 575px) {
  .gtut_member_menu_wrap .member_menu_item a {
    line-height: 1.2;
  }
}

.gtut_member_menu {
  font-size: 1.125rem;
  padding: 1.25rem 1.875rem;
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 0.3125rem;
  border: 1px #ccc solid;
}

@media (max-width: 767px) {
  .gtut_member_menu {
    padding: 0.9375rem;
  }
}

@media (max-width: 450px) {
  .gtut_member_menu {
    padding: 0.625rem;
  }
}

.gtut_member_menu i {
  font-size: 1.8rem;
  margin-right: 1rem;
}

.gtut_menber_siderbar li a {
  color: #333;
  padding: 0.9375rem 1.5625rem;
  display: block;
  border-bottom: 1px #eee solid;
}

.gtut_menber_siderbar li.active a,
.gtut_menber_siderbar li:hover a {
  color: #db6a83;
  background: rgba(0, 0, 0, 0);
}

.gtut_menber_siderbar li:last-child a {
  border: none;
}

.gtut_menber_siderbar .gtut_member_logout_box {
  margin: 2.5rem 0 0;
}

.gtut_menber_siderbar .gtut_member_logout_box .gtut_member_logout {
  text-align: center;
  font-size: 1.125rem;
  width: 100%;
  padding: 0.625rem 0.625rem 0.5rem;
}

.gtut_menber_siderbar .gtut_member_logout_box .gtut_member_logout:hover {
  color: #fff;
  background: #db6a83;
  transition: 0.3s;
}

.gtut_menber_list_content table th,
.gtut_menber_list_content table td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  white-space: nowrap;
}

.gtut_menber_list_nav_pills .nav-link {
  padding: 0.9rem 1.3rem 0.6rem;
  background: #f5f5f5;
  line-height: 1;
  color: #b1b1b1;
  font-weight: bold;
}

.gtut_menber_list_nav_pills .nav-link.active,
.gtut_menber_list_nav_pills .nav-link:hover {
  background: #fabe00;
  color: #2e2e2e;
}

.gtut_show_order_history,
.gtut_show_order_info_grey_bg {
  background: #f8f8f8;
  border: 1px solid #e2e2e2;
}

.gtut_show_order_history .input-group,
.gtut_show_order_info .input-group {
  position: relative;
}

.gtut_show_order_history .input-group .input-group-text,
.gtut_show_order_info .input-group .input-group-text {
  position: relative;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  min-width: 5.625rem;
  padding: 0;
}

.gtut_show_order_history .input-group .input-group-text:after,
.gtut_show_order_info .input-group .input-group-text:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  width: 1px;
  height: 0.875rem;
  border-right: 1px solid #acacac;
}

.gtut_show_order_history .input-group .form-control,
.gtut_show_order_info .input-group .form-control {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  font-size: 1.125rem;
  line-height: 1.4rem;
}

.gtut_show_order_history .input-group .btn,
.gtut_show_order_info .input-group .btn {
  padding: 1px 0.625rem;
  font-size: 0.875rem;
}

.gtut_coupon_use_notice {
  letter-spacing: 0.05vw;
}

.gtut_coupon_use_notice .ya-coupon_total {
  margin: 0 0.188rem;
}

.create_input_box h4 {
  margin-bottom: 0.625rem;
}

.create_input_box .input-group input.gtut_coupon_create_input {
  border-radius: 0.3125rem !important;
  margin-right: 0.625rem;
}

.create_input_box .input-group .add-coupon {
  cursor: pointer;
  padding: 0.625rem 1.25rem;
  border-radius: 0.3125rem;
}

.create_input_box .input-group .add-coupon span {
  pointer-events: none;
}

.create_input_box .gtut_menber_list_content .gtut_cart_coupon_card_wrap {
  margin-bottom: 1.25rem;
}

.wishlist-table table th,
.wishlist-table table td {
  border: none;
}

.wishlist-table .gtut_order_sn {
  color: #333;
  border-bottom: 1px #555 solid;
  letter-spacing: 0;
}

.wishlist-table .gtut_order_sn:hover {
  color: #fabe00;
  border-bottom: 1px #fabe00 solid;
}

.wishlist-table .fa-search-svg {
  margin: auto;
}

.gtut_product_list_table table {
  min-width: 47.5rem;
}

.gtut_product_list_table table th,
.gtut_product_list_table table td {
  border: none;
  min-width: 6.875rem;
}

.gtut_product_list_table .trash-can-svg {
  fill: #aaa;
}

.gtut_product_list_table .trash-can-svg:hover {
  fill: #fabe00;
}

.gtut_product_list_table .gtut_product_option {
  width: 8.125rem;
  text-align: center;
}

.gtut_product_list_table .gtut_table_product .gtut_table_product_content {
  display: flex;
  align-items: center;
}

.gtut_product_list_table
  .gtut_table_product
  .gtut_table_product_content
  .product-name {
  width: 100%;
}

.gtut_product_list_table
  .gtut_table_product
  .gtut_table_product_content
  .product-thumbnail {
  margin-right: 1rem;
  width: 25%;
}

.gtut_product_list_table .gtut_line_through {
  text-decoration: line-through;
}

.gtut_product_list_table .gtut_preferential_price {
  color: #de0000;
}

.gtut_product_list_table .gtut_product_name_promotion_lable {
  color: #333;
}

.gtut_product_list_table .gtut_product_name_promotion_lable .match_text {
  color: #69ac76;
  margin-right: 0.313rem;
}

.price_total .cart_text {
  font-weight: bold;
}

.gtut_table_product_remove {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.2rem;
}

.gtut_product_quantity {
  width: 9.375rem;
}

@media (max-width: 767px) {
  .gtut_product_quantity {
    width: 100%;
  }
}

.counting_box .cartbox_in_box,
.counting_box .discount_ticket,
.counting_box .cart_bonus_wrap {
  border-bottom: 1px #ddd solid;
  margin: 0 0 1.25rem;
  padding: 0 0 1.25rem;
  width: 100%;
}

.counting_box .counting_box_in,
.counting_box .discount_ticket_in,
.counting_box .discount_coupon_in,
.counting_box .bonus_wrap_in,
.counting_box .cartbox_price_in {
  width: 59%;
  margin-left: auto;
}

@media (max-width: 991px) {
  .counting_box .counting_box_in,
  .counting_box .discount_ticket_in,
  .counting_box .discount_coupon_in,
  .counting_box .bonus_wrap_in,
  .counting_box .cartbox_price_in {
    width: 100%;
    margin-left: 0;
  }
}

.counting_box .counting_box_in .gtut_cart_list_title {
  display: flex;
  align-items: center;
}

.counting_box .discount_ticket_in .gtut_coupon_content .badge {
  padding: 0.5em 0.5em 0.3em;
  background: #fabe00;
  min-width: 6.25rem;
}

.counting_box .coupon-svg {
  width: 1.563rem;
  height: 1.563rem;
}

.cart_total_box {
  background: #f7f7f7;
  padding: 1.875rem;
  margin: 0.313rem 0 0;
  border-radius: 0.3125rem;
  border: 1px #e2e2e2 solid;
}

@media (max-width: 991px) {
  .cart_total_box {
    padding: 0.938rem;
  }
}

.cart_total_box .gtut_use_bonus_wrap input.form-control {
  margin: 0.625rem 0 2.188rem;
}

.cart_total_box .gtut_cartbox_total .counting_box {
  margin: 0;
}

@media (max-width: 767px) {
  .cart_total_box .gtut_cartbox_total .cartbox_in_box {
    padding: 0 0 1.5625rem;
  }
}

.cart_total_box .gtut_cartbox_total .cartbox_in_box .discount_ticket {
  margin-top: 1.125rem;
}

.cart_total_box
  .gtut_cartbox_total
  .cartbox_in_box
  .discount_ticket
  .coupon-svg {
  width: 1.438rem;
  height: 1.438rem;
}

@media (max-width: 575px) {
  .gtut_cart_list_title.gtut_cart_list_title_coupon {
    display: block !important;
  }
}

.gtut_hr {
  height: 1px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.4rem;
  margin-bottom: 1rem;
  width: calc(100% + 3.125rem);
  margin-left: -1.563rem;
  margin-right: -1.563rem;
}

@media (max-width: 575px) {
  .gtut_hr {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.gtut_promotion_list_trigger,
.gtut_coupon_list_trigger {
  cursor: pointer;
  position: relative;
  right: -1.875rem;
  color: #333;
}

.gtut_promotion_list_trigger i,
.gtut_coupon_list_trigger i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.4rem;
  transform: rotate(180deg);
  transition: 0.2s all;
}

@media (max-width: 575px) {
  .gtut_promotion_list_trigger i,
  .gtut_coupon_list_trigger i {
    right: 0.313rem;
  }
}

.gtut_promotion_list_trigger.collapsed i,
.gtut_coupon_list_trigger.collapsed i {
  transform: rotate(0deg);
}

.gtut_use_bonus_wrap {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-wrap: wrap;
}

.gtut_use_bonus_wrap input.form-control {
  width: 5rem;
  padding: 0.2rem;
}

.gtut_use_bonus_wrap .gtut_use_bonus_detail_wrap {
  width: 100%;
}

.gtut_use_bonus {
  font-size: 0.875rem;
  padding-left: 2px;
  padding-right: 2px;
}

.gtut_product_promotion_content {
  font-size: 0.875rem;
}

.gtut_product_promotion_content .gtut_promotion_badge {
  min-width: 3.563rem;
  line-height: 1.2;
  text-align: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  font-weight: normal;
  background-color: #ddd;
  color: #333;
  max-height: 1.625rem;
  min-width: 6.25rem;
  border-radius: 0.2rem;
}

.gtut_product_promotion_content a.gtut_promotion_badge {
  background: #fabe00;
}

.gtut_product_promotion_content a.gtut_promotion_badge:hover {
  color: #fff;
  background: #db6a83;
}

.gtut_product_promotion_content .signIn-member {
  color: #de0000;
}

.gtut_js-cart-btn-group {
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
}

.gtut_js-cart-btn-group:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  top: 1rem;
  border-bottom: 1px dashed #bdc6d0;
  z-index: 0;
}

.gtut_js-cart-btn-group .js-cart-btn {
  width: 9.375rem;
  border-radius: 1.25rem;
  margin: 0 auto 0.313rem;
  font-size: 0.9rem;
  position: relative;
  z-index: 1;
  border: 1px solid #979faa;
  color: #979faa;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
}

.gtut_js-cart-btn-group i {
  margin-left: 0.2rem;
  font-size: 1.5rem;
  transition: 0.2s transform ease;
}

.member_back .go_back {
  margin: auto;
}

.gtut_product_name_promotion_lable {
  color: #f51147;
}

.gtut_cant_get_bonus {
  color: #de0000;
  font-size: 0.65rem;
}

.gtut_product_name_promotion_lable_noyet_eligible {
  color: #ccc;
}

.gtut_product_name_promotion_lable_noyet_eligible a {
  color: #ccc;
}

.gtut_cart_list_price {
  color: #de0000;
  font-weight: bold;
}

.gtut_cart_list_price_big {
  font-size: 1.375rem;
}

.gtut_show_order_info_grey_bg {
  padding: 1.25rem;
  height: 100%;
  border-radius: 0.3125rem;
}

@media (max-width: 320px) {
  .gtut_show_order_info_grey_bg {
    padding: 1rem 0.2rem;
  }
}

.gtut_show_order_info_grey_bg .input-group-text {
  border-top-left-radius: 0.3125rem !important;
  border-bottom-left-radius: 0.3125rem !important;
}

.gtut_show_order_info {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.gtut_shoppingbag_wrap {
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 86%;
  z-index: 10;
  box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.23);
}

@media (max-width: 575px) {
  .gtut_shoppingbag_wrap {
    display: none;
  }
}

.gtut_shoppingbag_collapse_btn {
  margin-right: 1rem;
  font-size: 1.2rem;
  position: relative;
  top: 0.2rem;
  cursor: pointer;
}

.gtut_shoppingbag_top {
  background: #333;
  color: #fff;
}

.gtut_shoppingbag_top span {
  font-weight: bold;
  display: inline-block;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.gtut_shoppingbag_content {
  max-width: 93.75rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
  max-height: 9.375rem;
  overflow-y: auto;
}

.gtut_shoppingbag {
  background: #fff;
  padding-top: 1rem;
  padding-bottom: 1rem;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: -1;
  height: 0;
  transition: 0.3s all ease;
}

.gtut_shoppingbag.active {
  height: auto;
  position: relative;
  z-index: 1;
  visibility: visible;
  opacity: 1;
}

.gtut_shoppingbag .col-12 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.gtut_shoppingbag_product {
  display: flex;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}

.gtut_shoppingbag_product .product__thumb {
  flex: 0 0 40%;
  max-width: 40%;
}

.gtut_shoppingbag_product .product__content {
  padding-left: 0.6rem;
  flex: 0 0 60%;
  max-width: 60%;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.gtut_shoppingbag_product .product__content .gtut_product_name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.3;
  height: 2.313rem;
  padding-right: 1.1rem;
}

.gtut_qty_btn {
  border: 1px solid #ececec;
  outline: none;
  width: 1.875rem;
  padding: 0.313rem;
  transition: 0.3s background ease;
}

.gtut_qty_btn:hover {
  background: #fabe00;
}

.gtut_qty_btn:hover.gtut_qty_btn_reduce {
  margin-right: -1px;
  transition: 0.3s ease-in-out;
}

.gtut_qty_btn:hover.gtut_qty_btn_add {
  margin-left: -1px;
  transition: 0.3s ease-in-out;
}

.gtut_qty_btn.gtut_qty_btn_reduce {
  margin-right: -1px;
  transition: 0.3s ease-in-out;
  border-radius: 0.3125rem 0 0 0.3125rem;
  color: #333;
}

.gtut_qty_btn.gtut_qty_btn_add {
  margin-left: -1px;
  transition: 0.3s ease-in-out;
  border-radius: 0 0.3125rem 0.3125rem 0;
  color: #333;
}

.gtut_qty_input {
  width: 100%;
  border: 1px solid #ececec;
  background: #fff;
}

.gtut_qty_input::-webkit-outer-spin-button,
.gtut_qty_input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.gtut_qty_wrap.gtut_qty_wrap_in_product {
  max-width: 8.5rem;
  margin-right: 0.5rem;
}

.gtut_qty_wrap.disabled .gtut_qty_input {
  background: rgba(0, 0, 0, 0);
  border: 0;
}

@media (min-width: 576px) {
  .gtut_qty_wrap.disabled .gtut_qty_input {
    margin: 0 auto;
  }
}

.box-tocart .gtut_qty_btn.gtut_qty_btn_add,
.box-tocart .gtut_qty_btn.gtut_qty_btn_reduce {
  height: 2.375rem !important;
  color: #333;
}

.number_plus .input-text {
  text-align: center;
  min-height: 2.3rem;
  width: calc(100% - 7.188rem);
}

.product__info__main .box-tocart .input-text {
  height: 2.375rem !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, 0);
  width: 5rem;
}

.gtut_product_favorite_btn {
  color: #fff;
  color: rgba(250, 190, 0, 0.35);
}

.gtut_product_favorite_btn.added {
  color: #fabe00;
}

.gtut_shoppingbag_product_close {
  position: absolute;
  right: 0;
  top: -0.3rem;
  padding: 0.313rem;
  cursor: pointer;
  font-size: 1.1rem;
}

.gtut_orderby_wrap {
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .gtut_orderby_wrap {
    width: 100%;
    margin-top: 0.75rem;
  }
}

.gtut_shop_list_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 575px) {
  .gtut_shop_list_wrapper {
    flex-wrap: wrap;
  }
}

.gtut_sidebar_card {
  border-bottom: solid #e2e2e2 thin;
}

.gtut_sidebar_card a {
  padding: clamp(0.625rem, 0.2679rem + 0.558vw, 0.9375rem) 1.563rem;
  display: block;
  color: #333;
}

.gtut_sidebar_card a:hover {
  padding-left: 1.563rem;
  color: #db6a83;
}

.gtut_sidebar_card.active a {
  padding-left: 0.938rem;
  color: #db6a83;
}

.gtut_product_promotion_content {
  display: flex;
  margin-bottom: 0.5rem;
}

.gtut_product_promotion_content .gtut_product_promotion_detail_btn {
  color: #43a7ff;
  margin-left: 0.313rem;
  font-size: 1rem;
}

.gtut_product_promotion_content .gtut_product_promotion_detail_btn:hover {
  color: #fabe00;
}

.gtut_product_promotion_content .nolink {
  font-size: 1rem;
}

@media (max-width: 991px) {
  .gtut_product_promotion_content {
    display: block;
  }
}

.gtut_product_promotion_content .ticket_text {
  font-size: 1rem;
}

.gtut_product_promotion_list {
  margin-top: 0.5rem;
}

.gtut_product_promotion_content .nolink {
  color: #666;
}

.tocart.btn.gtut_product_cart_btn {
  padding: 0.25rem 0.625rem;
}

.gtut_step_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

@media (max-width: 575px) {
  .gtut_step_row {
    flex-wrap: wrap;
  }
}

.gtut_step_block {
  color: #8e8e8e;
  width: 25%;
  display: inline-block;
  text-align: center;
  flex-grow: 1;
}

@media (max-width: 575px) {
  .gtut_step_block {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
  }
}

.gtut_step_block p {
  margin-bottom: 0.4rem;
}

@media (max-width: 767px) {
  .gtut_step_block p {
    margin-bottom: 0.2rem;
    padding: 0 0.3rem;
    line-height: 1.2;
    font-size: 0.9rem;
    height: 2.125rem;
  }
}

@media (max-width: 575px) {
  .gtut_step_block p {
    height: auto;
    order: 2;
    font-size: 0.8rem;
    padding-left: 0.6rem;
  }
}

.gtut_step_block .gtut_step_content {
  position: relative;
}

.gtut_step_block .gtut_step_content:after,
.gtut_step_block .gtut_step_content:before {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  top: 50%;
  height: 0.25rem;
  background-color: #dedede;
  transform: translate(0%, -50%);
}

@media (max-width: 575px) {
  .gtut_step_block .gtut_step_content:after,
  .gtut_step_block .gtut_step_content:before {
    display: none;
  }
}

.gtut_step_block .gtut_step_content:after {
  right: 0;
}

.gtut_step_block .gtut_step_icon {
  background: #dedede;
  color: #fff;
  text-align: center;
  font-weight: bold;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.gtut_step_block.gtut_step_done {
  color: #222;
}

.gtut_step_block.gtut_step_done .gtut_step_content:before,
.gtut_step_block.gtut_step_done .gtut_step_content:after {
  background-color: #201f29;
}

.gtut_step_block.gtut_step_done .gtut_step_icon:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  font-size: 1rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 2;
}

.gtut_step_block.gtut_step_done .gtut_step_icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #201f29;
  z-index: 1;
}

.gtut_step_block.gtut_step_last {
  color: #222;
}

.gtut_step_block.gtut_step_last .gtut_step_content:after {
  background-color: #dedede;
}

.gtut_step_block:first-child .gtut_step_content:before {
  display: none;
}

.gtut_step_block:last-child .gtut_step_content:after {
  display: none;
}

.gtut_cart_coupon {
  color: #f51147;
  cursor: pointer;
}

.gtut_modal_grey_bg {
  display: flex;
  padding: 1rem 0;
}

.gtut_cart_coupon_card_wrap {
  position: relative;
  margin: 0 0 0.938rem;
}

.gtut_cart_coupon_card_wrap .gtut_cart_coupon_card_instruction {
  display: none;
  position: absolute;
  top: 95%;
  right: -50%;
  width: 100%;
  padding: 1.6rem;
  border: 1px solid #7b7b7b;
  background: #fff;
  z-index: 12;
  box-shadow: 1px 1px 0.375rem rgba(0, 0, 0, 0.23);
  border-radius: 0.3125rem;
}

@media (max-width: 767px) {
  .gtut_cart_coupon_card_wrap .gtut_cart_coupon_card_instruction {
    right: 0;
    top: 88%;
    width: 100%;
  }
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card_instruction
  .card_instruction:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.75rem 1.25rem 0.75rem;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
  top: -0.625rem;
  left: 30%;
}

.gtut_cart_coupon_card_wrap .gtut_cart_coupon_card_instruction .title {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #7b7b7b;
  margin-bottom: 0.4rem;
  padding-bottom: 0.2rem;
}

.gtut_cart_coupon_card_wrap .gtut_cart_coupon_card {
  cursor: pointer;
  position: relative;
  padding: 0 0.938rem 0 0.938rem;
  border-radius: 0.3125rem;
  background: #fff;
}

.gtut_cart_coupon_card_wrap .gtut_cart_coupon_card .ticket-box {
  border: 1px #ccc solid;
  border-radius: 0.3125rem;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_left {
  position: relative;
  padding: 0.938rem 0.938rem 0.938rem 1.25rem;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_left:before {
  content: "";
  position: absolute;
  background: url(/assets/frontend/images/ticket/ticket-deco.png);
  background-size: 100%;
  background-position: center center;
  width: 0.938rem;
  height: 100%;
  bottom: 0;
  right: -0.563rem;
  z-index: 1;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_left
  .gtut_coupon_type {
  font-size: 1.25rem;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_left
  .gtut_coupon_center {
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 1.2;
  margin: 0.313rem 0;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_left
  .gtut_coupon_title {
  font-size: 1rem;
  color: #757575;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_right {
  background: #fabe00;
  padding: 1.25rem 0.938rem 1.25rem 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  font-size: 0.875rem;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_right
  .open_rule {
  width: 100%;
  text-align: center;
  border: 1px #333 solid;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.3125rem;
  transition: 0.3s;
  padding: 2px 0;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_right
  .open_rule:hover {
  background: rgba(255, 255, 255, 0.8);
  transition: 0.3s;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card
  .ticket-box
  .gtut_coupon_card_right
  span {
  display: block;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card.gtut_cart_coupon_card_choose {
  border: 2px solid #f51147;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card.gtut_cart_coupon_card_disable {
  opacity: 0.7;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card.gtut_cart_coupon_card_disable
  .gtut_coupon_card_label:after {
  border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card.gtut_cart_coupon_card_disable
  .gtut_coupon_card_label
  span {
  background: #ccc;
}

.gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card.gtut_cart_coupon_card_disable
  .gtut_coupon_center {
  color: #ccc;
}

.gtut_cart_coupon_modal_container {
  max-height: 22.5rem;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem 0 3rem;
}

.gtut_cart_coupon_modal_container
  .gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card_instruction {
  right: 5%;
  width: 80%;
}

@media (max-width: 767px) {
  .gtut_cart_coupon_modal_container
    .gtut_cart_coupon_card_wrap
    .gtut_cart_coupon_card_instruction {
    top: 88%;
  }
}

.gtut_cart_coupon_modal_container
  .gtut_cart_coupon_card_wrap
  .gtut_cart_coupon_card_instruction
  .card_instruction:before {
  left: 80%;
}

.gtut_cart_coupon_card {
  cursor: pointer;
  position: relative;
  padding: 0.625rem;
  border-radius: 0.3125rem;
}

.gtut_cart_coupon_card .gtut_coupon_title {
  font-size: 0.875rem;
}

.gtut_cart_coupon_card .gtut_coupon_center {
  font-weight: bold;
}

.gtut_cart_coupon_card.gtut_cart_coupon_card_choose {
  border: 2px solid #f51147;
}

.gtut_cart_coupon_card.gtut_cart_coupon_card_disable {
  opacity: 0.7;
}

.gtut_cart_coupon_card.gtut_cart_coupon_card_disable
  .gtut_coupon_card_label:after {
  border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.gtut_cart_coupon_card.gtut_cart_coupon_card_disable
  .gtut_coupon_card_label
  span {
  background: #ccc;
}

.gtut_cart_coupon_card.gtut_cart_coupon_card_disable .gtut_coupon_center {
  color: #ccc;
}

.gtut_coupon_notice,
.gtut_coupon_use_notice span {
  color: #f51147;
}

.gtut_giveaway_out {
  background: rgba(222, 0, 0, 0.75);
  color: #fff;
  display: inline-block;
  padding: 0.1rem 0.25rem;
}

.gtut_customerOnly {
  border: 1px solid rgba(222, 0, 0, 0.75);
  color: rgba(222, 0, 0, 0.75);
  display: inline-block;
  padding: 0.1rem 0.25rem;
  border-radius: 0.25rem;
  margin-left: 0.3rem;
}

.gtut_cart_product_option {
  cursor: pointer;
}

.gtut_cart_product_option_modal .modal-content {
  padding: 2rem;
}

.gtut_cart_product_option_modal .gtut_cart_product_option_need_select {
  color: #343940;
}

.gtut_cart_product_option_modal .gtut_cart_product_option_need_select span {
  color: #201f29;
  font-size: 1.125rem;
}

.gtut_cart_product_option_modal .gtut_cart_product_option_group {
  display: block;
  border-radius: 0.45rem;
  margin-top: 1rem;
  padding: 1.25rem;
  background: #f3f3f3;
}

.gtut_cart_product_option_modal .gtut_cart_product_option_group_count {
  width: 2.063rem;
  margin-right: 0.25rem;
}

.gtut_show_order_info .gtut_form_show {
  border-radius: 0;
  font-size: 0.875rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid #f3f3f3;
}

b.delete_line {
  text-decoration-line: line-through;
  color: #aeaeae;
  font-weight: normal;
  margin-right: 0.3rem;
}

.gtut_free_shipping_hint {
  color: #de0000;
}

.order_box_free_shipping_loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.45;
  z-index: 5;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 575px) {
  .fa_svg.coupon-svg,
  .fa_svg.bonus-svg {
    display: none;
  }
}

.fa_svg.coupon-svg,
.fa_svg.bonus-svg {
  margin-right: 0.6rem;
}

.fa_svg.bonus-svg {
  position: relative;
  top: -0.188rem;
}

.fa_svg.bonus-svg svg {
  width: 100%;
}

.gtut_giveaway_please_select {
  color: #f51147;
}

.gtut_cart_giveaway_option {
  border: 1px solid #f51147;
}

.product__info__main .box-tocart .input-text {
  -moz-appearance: textfield;
}

.product__info__main .box-tocart .input-text::-webkit-inner-spin-button,
.product__info__main .box-tocart .input-text::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.content-shopby .form-row {
  align-items: center;
}

.content-shopby .form-row .form-group {
  margin-bottom: 0;
}

.promotions_banner_wrap .banner_col img {
  display: none;
}

@media (min-width: 992px) {
  .promotions_banner_wrap .banner_col img {
    display: block;
  }
}

.gtut_mobile_bar {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .gtut_mobile_bar {
    display: none;
  }
}

.gtut_mobile_bar .gtut_mobile_bar_title {
  cursor: pointer;
  text-align: center;
  padding: 0.5rem;
  color: #fff;
  background: #fabe00;
  display: flex;
  justify-content: center;
  width: 100%;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1;
}

.gtut_mobile_bar .gtut_mobile_bar_title .fa_svg {
  transition: 0.3s transform ease;
}

.gtut_mobile_bar .gtut_mobile_bar_title .fa_svg path {
  fill: #fff;
}

.gtut_mobile_bar .gtut_mobile_bar_title.show .fa_svg {
  transform: rotate(180deg);
}

.gtut_mobile_bar .product_right_bar {
  width: 100%;
  display: none;
  text-align: center;
}

.gtut_mobile_bar .product_right_bar.show {
  display: block;
}

.gtut_mobile_bar .product_right_bar_item {
  background: #ccc;
  border-bottom: 1px solid #fff;
  color: #fff;
  width: 100%;
  display: block;
  padding: 0.625rem 1.1rem;
}

.gtut_mobile_bar .product_right_bar_item:hover,
.gtut_mobile_bar .product_right_bar_item.active {
  background: #333;
}

@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

#mobile_banner .Swiper_MainBanner,
#mainbanner .Swiper_MainBanner {
  text-align: center;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0);
}

.swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.keypoint_page {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page.inpage_Area_spacing {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page > .container-fluid {
  padding: 0;
}

.keypoint_page .description_title {
  position: relative;
  z-index: 2;
}

@media (min-width: 1200px) {
  .keypoint_page .description_title {
    padding: 0 19.2%;
  }
}

@media (min-width: 1400px) {
  .keypoint_page .description_title {
    padding: 0 19.7%;
  }
}

.keypoint_page .label {
  display: block;
}

.keypoint_page
  .blog-details
  .blog-post-details
  .post_wrapper
  .post_content
  .gtut_keypoint_page_thumb {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .keypoint_page
    .blog-details
    .blog-post-details
    .post_wrapper
    .post_content
    .gtut_keypoint_page_thumb
    img {
    margin-bottom: 1rem;
  }
}

.keypoint_page .white_content {
  color: #fff;
}

.keypoint_page .white_content h3,
.keypoint_page .white_content h4,
.keypoint_page .white_content h5,
.keypoint_page .white_content h6,
.keypoint_page .white_content p,
.keypoint_page .white_content b,
.keypoint_page .white_content strong {
  color: #fff;
}

.keypoint_page .img_bleed img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.keypoint_page .gtut_keypoint_page_info01 .image {
  text-align: center;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info01 .image {
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info02,
.keypoint_page .gtut_keypoint_page_info03 {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info02 .image,
.keypoint_page .gtut_keypoint_page_info03 .image {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info02 .content,
.keypoint_page .gtut_keypoint_page_info03 .content {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  align-self: center;
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info02 .content,
  .keypoint_page .gtut_keypoint_page_info03 .content {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info02 .content,
  .keypoint_page .gtut_keypoint_page_info03 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info04,
.keypoint_page .gtut_keypoint_page_info05 {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info04 .container-fluid > .row,
.keypoint_page .gtut_keypoint_page_info05 .container-fluid > .row {
  align-items: center;
}

.keypoint_page .gtut_keypoint_page_info04 .image,
.keypoint_page .gtut_keypoint_page_info05 .image {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info04 .full-image,
  .keypoint_page .gtut_keypoint_page_info05 .full-image {
    height: 41.8vw;
  }

  .keypoint_page .gtut_keypoint_page_info04 .full-image img,
  .keypoint_page .gtut_keypoint_page_info05 .full-image img {
    height: auto;
  }
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info04 .little_image,
  .keypoint_page .gtut_keypoint_page_info05 .little_image {
    height: 41.8vw;
  }

  .keypoint_page .gtut_keypoint_page_info04 .little_image img,
  .keypoint_page .gtut_keypoint_page_info05 .little_image img {
    height: auto;
  }
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info04 .content,
  .keypoint_page .gtut_keypoint_page_info05 .content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.keypoint_page .gtut_keypoint_page_info07 {
  position: relative;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info07 .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    opacity: 0.5;
  }
}

.keypoint_page .gtut_keypoint_page_info07 .content {
  padding: 3rem;
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info07 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info07 .content {
    margin-left: -6rem;
  }
}

.keypoint_page .gtut_keypoint_page_info08 {
  position: relative;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info08 .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    opacity: 0.5;
  }
}

.keypoint_page .gtut_keypoint_page_info08 .content {
  padding: 3rem;
  display: flex;
  align-items: center;
  z-index: 1;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info08 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info08 .content {
    position: relative;
    left: 6.2rem;
  }
}

.keypoint_page .gtut_keypoint_page_info09 {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info09 .image {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_info09 .content .container {
  padding: 0;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.keypoint_page .gtut_keypoint_page_info09 .content .container > .row {
  margin: 0;
  align-items: center;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info09 .content .container > .row {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info09 .content .container .col-lg-9 {
  padding: 2rem;
}

@media (min-width: 576px) {
  .keypoint_page .gtut_keypoint_page_info09 .content .container .col-lg-9 {
    padding: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info09 .content .container .image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.keypoint_page .gtut_keypoint_page_info09 .col-lg-9 {
  padding: 2rem;
}

@media (min-width: 576px) {
  .keypoint_page .gtut_keypoint_page_info09 .col-lg-9 {
    padding: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info09 .image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.keypoint_page .gtut_keypoint_page_info09 .content {
  padding: 0;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info09 .content {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info09 .content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.keypoint_page .gtut_keypoint_page_info10 > .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info10 .bg.bg_div {
  position: absolute;
  width: 100%;
  height: 70%;
  top: 0;
}

.keypoint_page .gtut_keypoint_page_info10 .content {
  padding-top: 4rem;
  padding-bottom: 3rem;
}

.keypoint_page .gtut_keypoint_page_info11 {
  align-items: flex-end;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info11 .container > .row {
  align-items: flex-end;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info11 .image {
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info11 .image {
    padding-bottom: 0;
    z-index: 0;
    position: relative;
    padding-right: 0px;
  }
}

.keypoint_page .gtut_keypoint_page_info11 .content {
  background: #fff;
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  z-index: 1;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info11 .content {
    padding: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info12 {
  align-items: flex-end;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info12 .container > .row {
  align-items: baseline;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info12 .image {
  padding-bottom: 1rem;
}

@media (min-width: 576px) {
  .keypoint_page .gtut_keypoint_page_info12 .image {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info12 .image {
    padding-bottom: 0;
    z-index: 0;
    position: relative;
  }
}

.keypoint_page .gtut_keypoint_page_info12 .content {
  background: #fff;
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  z-index: 1;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info12 .content {
    padding: 3rem;
    margin-top: 3rem;
  }
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info13 .l_container {
    padding-left: 0;
    padding-right: 0;
  }

  .keypoint_page .gtut_keypoint_page_info13 .l_container .image {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info13 .l_container {
    padding-left: 0;
    padding-right: 0;
  }

  .keypoint_page .gtut_keypoint_page_info13 .l_container .image {
    margin-top: 3rem;
  }
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info13 .r_container {
    padding-left: 0;
    padding-right: 0;
  }

  .keypoint_page .gtut_keypoint_page_info13 .r_container .image {
    margin-top: 1rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info13 .r_container {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
  }

  .keypoint_page .gtut_keypoint_page_info13 .r_container .image {
    margin-bottom: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info14 {
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info14 .bg_img_object_fit {
  position: absolute;
  width: 100%;
  height: 52%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.keypoint_page .gtut_keypoint_page_info14 .bg_img_object_fit img {
  display: block;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info14 .bg_img_object_fit {
    height: 100%;
  }

  .keypoint_page .gtut_keypoint_page_info14 .bg_img_object_fit img {
    height: 100%;
    max-width: none;
  }
}

.keypoint_page .gtut_keypoint_page_info14 .bg_img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 52%;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info14 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info14 .content {
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 3rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info14 .content {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 7rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info14 .content {
    margin-left: calc(7% + 12px);
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info14 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info14 .white_card_wrap {
    right: -39px;
    padding-top: 7rem;
  }
}

@media (max-width: 1199px) {
  .keypoint_page .gtut_keypoint_page_info14 .white_card_wrap {
    padding-right: 2.5rem;
  }
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info14 .white_card_wrap {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-top: 7rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info14 .white_card_wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info14 .white_card {
  background: #fff;
  padding: 2rem 1.5rem;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info14 .white_card {
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info15 .content,
.keypoint_page .gtut_keypoint_page_info16 .content {
  margin-bottom: 2rem;
}

.keypoint_page .gtut_keypoint_page_info15 .card,
.keypoint_page .gtut_keypoint_page_info16 .card {
  box-shadow: 0px 0px 0.313rem 2px rgba(0, 0, 0, 0.16);
  margin-bottom: 1.5rem;
}

.keypoint_page .gtut_keypoint_page_info17 .content {
  padding: 2rem;
  justify-content: center;
  display: flex;
  align-items: center;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info17 .content {
    padding: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info17 .image {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info18 {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info18 .image {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info19 .content,
.keypoint_page .gtut_keypoint_page_info20 .content,
.keypoint_page .gtut_keypoint_page_info21 .content,
.keypoint_page .gtut_keypoint_page_info22 .content {
  margin-bottom: 2rem;
}

.keypoint_page .gtut_keypoint_page_info19 .bg_img_block,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  padding: 2rem;
  color: #fff;
  box-shadow: 0px 0.188rem 0.375rem rgba(0, 0, 0, 0.16);
  height: 100%;
}

.keypoint_page .gtut_keypoint_page_info19 .bg_img_block p,
.keypoint_page .gtut_keypoint_page_info19 .bg_img_block h3,
.keypoint_page .gtut_keypoint_page_info19 .bg_img_block h4,
.keypoint_page .gtut_keypoint_page_info19 .bg_img_block h5,
.keypoint_page .gtut_keypoint_page_info19 .bg_img_block h6,
.keypoint_page .gtut_keypoint_page_info19 .bg_img_block ul,
.keypoint_page .gtut_keypoint_page_info19 .bg_img_block li,
.keypoint_page .gtut_keypoint_page_info19 .bg_img_block a,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block p,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block h3,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block h4,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block h5,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block h6,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block ul,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block li,
.keypoint_page .gtut_keypoint_page_info20 .bg_img_block a,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block p,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block h3,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block h4,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block h5,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block h6,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block ul,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block li,
.keypoint_page .gtut_keypoint_page_info21 .bg_img_block a,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block p,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block h3,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block h4,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block h5,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block h6,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block ul,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block li,
.keypoint_page .gtut_keypoint_page_info22 .bg_img_block a {
  color: #fff;
}

.keypoint_page .gtut_keypoint_page_info19 .overlay,
.keypoint_page .gtut_keypoint_page_info20 .overlay,
.keypoint_page .gtut_keypoint_page_info21 .overlay,
.keypoint_page .gtut_keypoint_page_info22 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.keypoint_page .gtut_keypoint_page_info19 .block_content,
.keypoint_page .gtut_keypoint_page_info20 .block_content,
.keypoint_page .gtut_keypoint_page_info21 .block_content,
.keypoint_page .gtut_keypoint_page_info22 .block_content {
  position: relative;
  z-index: 1;
}

.keypoint_page .gtut_keypoint_page_info19 .block_content ul,
.keypoint_page .gtut_keypoint_page_info20 .block_content ul,
.keypoint_page .gtut_keypoint_page_info21 .block_content ul,
.keypoint_page .gtut_keypoint_page_info22 .block_content ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0;
}

.keypoint_page .gtut_keypoint_page_info23,
.keypoint_page .gtut_keypoint_page_info24 {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info23,
  .keypoint_page .gtut_keypoint_page_info24 {
    margin-top: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info23 .content,
.keypoint_page .gtut_keypoint_page_info24 .content {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info23 .inner_content,
  .keypoint_page .gtut_keypoint_page_info24 .inner_content {
    padding: 2rem;
    margin-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info23 .inner_content,
  .keypoint_page .gtut_keypoint_page_info24 .inner_content {
    padding: 4rem;
    position: relative;
    z-index: 1;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info23 .inner_content,
  .keypoint_page .gtut_keypoint_page_info24 .inner_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info23 .image img {
    transform: scale(1.15) translateX(-2.3rem);
  }
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info24 .image img {
    transform: scale(1.15) translateX(2.3rem);
  }
}

.keypoint_page .gtut_keypoint_page_info25 .content {
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.keypoint_page .gtut_keypoint_page_info25 .image_item {
  padding: 0;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info25 .bg_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info26 .content {
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.keypoint_page .gtut_keypoint_page_info26 .image_item {
  border-left: 1rem solid rgba(0, 0, 0, 0);
  border-right: 1rem solid rgba(0, 0, 0, 0);
  margin-bottom: 60px;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info26 .image_item.image_item01,
.keypoint_page .gtut_keypoint_page_info26 .image_item.image_item03 {
  border-left: none;
}

.keypoint_page .gtut_keypoint_page_info26 .image_item.image_item02,
.keypoint_page .gtut_keypoint_page_info26 .image_item.image_item04 {
  border-right: none;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info26 .image_item {
    border-left: none;
    border-right: none;
    margin-bottom: 0.5rem;
  }
}

.keypoint_page .gtut_keypoint_page_info26 .bg_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info27 .content {
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.keypoint_page .gtut_keypoint_page_info27 .image_item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info27 .image_item {
    padding-left: 0rem;
    padding-right: 0rem;
    margin-bottom: 0.5rem;
  }
}

.keypoint_page .gtut_keypoint_page_info27 .image {
  height: 100%;
  padding-bottom: 100%;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info27 .image.image_tall {
  padding-top: 100%;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info27 .image.image_tall {
    padding-top: 0;
  }
}

.keypoint_page .gtut_keypoint_page_info27 .bg_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info28 .content {
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.keypoint_page .gtut_keypoint_page_info28 .image_item {
  margin-bottom: 2rem;
  padding: 0;
  position: relative;
  border-left: 1rem solid rgba(0, 0, 0, 0);
  border-right: 1rem solid rgba(0, 0, 0, 0);
}

.keypoint_page .gtut_keypoint_page_info28 .image_item.image_item01 {
  border-left: 0;
}

.keypoint_page .gtut_keypoint_page_info28 .image_item.image_item02 {
  border-right: 0;
}

.keypoint_page .gtut_keypoint_page_info28 .image_item.image_item03 {
  border-left: 0;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info28 .image_item.image_item04 {
    border-right: 0px;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info28 .image_item.image_item05 {
    border-right: 0;
  }
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info28 .image_item.image_item05 {
    border-left: 0px;
  }
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info28 .image_item {
    border-left: none;
    border-right: none;
    margin-bottom: 0.5rem;
  }
}

.keypoint_page .gtut_keypoint_page_info28 .image_item02 {
  margin-bottom: 2rem;
  position: relative;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info28 .image_item02 {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0.5rem;
  }
}

.keypoint_page .gtut_keypoint_page_info28 .image {
  height: 100%;
  padding-bottom: 100%;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info28 .image.image_broad {
  padding-bottom: 50%;
}

.keypoint_page .gtut_keypoint_page_info28 .image_item02 .image {
  padding-bottom: 44%;
}

.keypoint_page .gtut_keypoint_page_info28 .bg_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info29 .content {
  margin-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.keypoint_page .gtut_keypoint_page_info29 .image_item_wrap_left {
  padding-left: 0.438rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info29 .image_item_wrap_left {
    padding-right: 0.438rem;
  }
}

.keypoint_page .gtut_keypoint_page_info29 .image_item_wrap_right {
  padding-right: 0.438rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info29 .image_item_wrap_right {
    padding-left: 0.438rem;
  }
}

.keypoint_page .gtut_keypoint_page_info29 .image_item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}

.keypoint_page .gtut_keypoint_page_info29 .image {
  height: 100%;
  padding-bottom: 66%;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info29 .image.image_broad {
  padding-bottom: 53%;
}

.keypoint_page .gtut_keypoint_page_info29 .bg_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info30 {
  margin: 0 -1.438rem;
}

.keypoint_page .gtut_keypoint_page_info30 .content {
  margin-bottom: 2rem;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info30 .content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.keypoint_page .gtut_keypoint_page_info30 .image_item {
  margin-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.keypoint_page .gtut_keypoint_page_info30 .image {
  padding-bottom: 100%;
  position: relative;
}

.keypoint_page .gtut_keypoint_page_info30 .image.image_tall {
  padding-top: 108%;
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info30 .image.image_tall {
    padding-top: 106.6%;
  }
}

.keypoint_page .gtut_keypoint_page_info30 .image.image_broad {
  padding-bottom: 50%;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info30 .image.image_lg_broad {
    padding-top: 0;
    padding-bottom: 80%;
  }
}

.keypoint_page .gtut_keypoint_page_info30 .bg_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_info31 {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-left: -1rem;
  margin-right: -1rem;
  width: calc(100% + 2rem);
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info31 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info31 .bg {
  position: absolute;
  width: 100%;
  height: 75%;
  top: 25%;
}

@media (max-width: 1366px) {
  .keypoint_page .gtut_keypoint_page_info31 .bg {
    height: 100% !important;
    top: 0% !important;
  }
}

.keypoint_page .gtut_keypoint_page_info31 .image {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info31 .content {
  background: #fff;
  padding: 2rem;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .keypoint_page
    .gtut_keypoint_page_info31
    > .container-fluid
    > .row
    > .col-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info32,
.keypoint_page .gtut_keypoint_page_info33 {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info32,
  .keypoint_page .gtut_keypoint_page_info33 {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info32,
  .keypoint_page .gtut_keypoint_page_info33 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info32 .bg,
.keypoint_page .gtut_keypoint_page_info33 .bg {
  position: absolute;
  width: 100%;
}

@media (max-width: 1366px) {
  .keypoint_page .gtut_keypoint_page_info32 .bg,
  .keypoint_page .gtut_keypoint_page_info33 .bg {
    height: 100% !important;
    top: 0% !important;
  }
}

.keypoint_page .gtut_keypoint_page_info32 .image,
.keypoint_page .gtut_keypoint_page_info33 .image {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info32 .image,
  .keypoint_page .gtut_keypoint_page_info33 .image {
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info32 .container-fluid,
.keypoint_page .gtut_keypoint_page_info33 .container-fluid {
  padding: 0;
}

.keypoint_page .gtut_keypoint_page_info32 .container-fluid > .row,
.keypoint_page .gtut_keypoint_page_info33 .container-fluid > .row {
  margin: 0;
}

.keypoint_page .gtut_keypoint_page_info32 .container-fluid > .row > .col-12,
.keypoint_page .gtut_keypoint_page_info33 .container-fluid > .row > .col-12 {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info32 .container-fluid > .row > .col-12,
  .keypoint_page .gtut_keypoint_page_info33 .container-fluid > .row > .col-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info32 .content {
  padding-right: 3rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info32 .content {
    margin-bottom: 2rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info33 .content {
  padding-left: 3rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info33 .content {
    margin-bottom: 2rem;
    padding-left: 1rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info33 .content {
    padding-right: 0;
  }
}

.keypoint_page .gtut_keypoint_page_info34,
.keypoint_page .gtut_keypoint_page_info35 {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_info34,
  .keypoint_page .gtut_keypoint_page_info35 {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_info34,
  .keypoint_page .gtut_keypoint_page_info35 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info34 .image,
.keypoint_page .gtut_keypoint_page_info35 .image {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_info34 > .container-fluid > .row > .col-12,
.keypoint_page .gtut_keypoint_page_info35 > .container-fluid > .row > .col-12 {
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_info34 > .container-fluid > .row > .col-12,
  .keypoint_page
    .gtut_keypoint_page_info35
    > .container-fluid
    > .row
    > .col-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_info34 .content,
.keypoint_page .gtut_keypoint_page_info35 .content {
  padding: 3rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info34 .content,
  .keypoint_page .gtut_keypoint_page_info35 .content {
    padding: 2rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_info34 .content,
  .keypoint_page .gtut_keypoint_page_info35 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_info34 .bg {
  position: absolute;
  height: 100%;
  width: 120%;
  z-index: -1;
  left: 0;
  top: 0;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info34 .bg {
    width: 140%;
    height: 160%;
    left: -20%;
  }
}

.keypoint_page .gtut_keypoint_page_info35 .bg {
  position: absolute;
  height: 100%;
  width: 120%;
  z-index: -1;
  left: -20%;
  top: 0;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_info35 .bg {
    width: 140%;
    height: 160%;
    left: -20%;
  }
}

.keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_page_slide01_slide {
  margin-top: 2rem;
  padding-bottom: 3rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_page_slide01_slide {
    margin-top: 3rem;
  }
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_page_slide01_slide {
    overflow: inherit;
  }
}

.keypoint_page .gtut_keypoint_page_slide01 .swiper-wrapper {
  display: flex;
  align-items: flex-end;
}

.keypoint_page .gtut_keypoint_page_slide01 .swiper-pagination-fraction {
  bottom: 0;
  width: 100%;
  color: #fabe00;
  text-align: center;
  margin: 0 auto;
}

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide {
  transition: 0.5s;
  display: flex;
  align-items: flex-end;
}

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide .text {
  padding: 1rem;
  background: #fff;
}

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide .text h5 {
  margin-bottom: 0;
}

.keypoint_page .gtut_keypoint_page_slide01 .swiper-slide .slide_inner {
  box-shadow: rgba(0, 0, 0, 0.16) 0 0.938rem 1.875rem 0;
}

.keypoint_page
  .gtut_keypoint_page_slide01
  .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.2;
}

.keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn {
  z-index: 15;
  width: 40%;
  height: 3.125rem;
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn {
    width: 100%;
    top: auto;
    bottom: -0.5rem;
  }
}

.keypoint_page
  .gtut_keypoint_page_slide01
  .gtut_keypoint_slide_btn
  .swiper-button-prev,
.keypoint_page
  .gtut_keypoint_page_slide01
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #fabe00;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.5rem;
  border-radius: 100%;
  display: block;
}

.keypoint_page
  .gtut_keypoint_page_slide01
  .gtut_keypoint_slide_btn
  .swiper-button-prev:after,
.keypoint_page
  .gtut_keypoint_page_slide01
  .gtut_keypoint_slide_btn
  .swiper-button-next:after {
  display: none;
}

.keypoint_page
  .gtut_keypoint_page_slide01
  .gtut_keypoint_slide_btn
  .swiper-button-prev {
  top: 0;
  left: 0;
  margin-top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.keypoint_page
  .gtut_keypoint_page_slide01
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  right: 0;
}

.keypoint_page .gtut_keypoint_page_slide02 > .container > .row {
  display: flex;
  align-items: center;
}

.keypoint_page .gtut_keypoint_page_slide02 .content {
  margin-bottom: 3rem;
}

.keypoint_page .gtut_keypoint_page_slide02 .image {
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn {
  z-index: 15;
  width: 100%;
  height: 3.125rem;
  position: relative;
  padding-top: 4rem;
  top: 0rem;
}

@media (min-width: 768px) {
  .keypoint_page .gtut_keypoint_page_slide02 .gtut_keypoint_slide_btn {
    width: 7.188rem;
    top: 2rem;
    padding-top: 2rem;
  }
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_slide_btn
  .swiper-button-prev,
.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #fabe00;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.5rem;
  border-radius: 100%;
  display: block;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_slide_btn
  .swiper-button-prev:after,
.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_slide_btn
  .swiper-button-next:after {
  display: none;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_slide_btn
  .swiper-button-prev {
  top: 0;
  left: 0;
  margin-top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  margin-top: 0;
  right: 0;
  top: 0;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_page_slide02_slide_01
  h6 {
  margin-bottom: 2rem;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_page_slide02_slide_01
  .container {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_page_slide02_slide_01
  .container
  .row {
  margin-left: 0;
  margin-right: 0;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_page_slide02_slide_01
  .icon {
  padding-left: 0rem;
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_page_slide02_slide_01
  .icon_inner {
  padding: 1.25rem;
  border: 1px solid rgba(250, 190, 0, 0.4);
  text-align: center;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_page_slide02_slide_01
  p {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.keypoint_page
  .gtut_keypoint_page_slide02
  .gtut_keypoint_page_slide02_slide_01
  .swiper-slide:not(.swiper-slide-active)
  img.swiper-lazy:not(.swiper-lazy-loaded) {
  font-size: 0;
}

.keypoint_page .gtut_keypoint_page_slide03 .content {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2rem;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_slide03 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide03 .nav_wrap {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_slide03 .nav.nav_tabs {
  width: 100%;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_slide03 .nav.nav_tabs {
    display: block;
  }
}

.keypoint_page .gtut_keypoint_page_slide03 .nav-item {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fabe00;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 2rem;
  cursor: pointer;
  transition: background 0.2s ease-out;
}

.keypoint_page .gtut_keypoint_page_slide03 .nav-item:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin: auto;
  bottom: 0;
  top: 0;
  right: 2.813rem;
  transform: rotate(45deg);
  background-color: rgba(0, 0, 0, 0);
  z-index: -1;
  transition: 0.1s all ease-out;
}

.keypoint_page .gtut_keypoint_page_slide03 .nav-item.active,
.keypoint_page .gtut_keypoint_page_slide03 .nav-item:hover {
  background-color: #201f29;
}

.keypoint_page .gtut_keypoint_page_slide03 .nav-item.active:after,
.keypoint_page .gtut_keypoint_page_slide03 .nav-item:hover:after {
  transform: rotate(45deg);
  background-color: #201f29;
  right: -0.938rem;
  z-index: 1;
  transition: 0.2s all ease-out 0.2s;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide03 .nav-item {
    flex: 0 0 33.3%;
    padding: 1.5rem;
  }

  .keypoint_page .gtut_keypoint_page_slide03 .nav-item:after {
    bottom: 0px;
    top: auto;
    right: auto;
    transform: rotate(45deg);
    margin: auto;
    transition: 0.1s all ease-out;
  }

  .keypoint_page .gtut_keypoint_page_slide03 .nav-item.active:after,
  .keypoint_page .gtut_keypoint_page_slide03 .nav-item:hover:after {
    transform: rotate(45deg);
    margin: auto;
    right: auto;
    top: auto;
    bottom: -0.938rem;
    transition: 0.2s all ease-out 0.2s;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_slide03 .nav-item {
    padding: 1rem 1rem 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide03 .nav-item p {
  color: #fff;
}

.keypoint_page .gtut_keypoint_page_slide03 .nav-item .nav_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.keypoint_page .gtut_keypoint_page_slide03 .nav-item .nav_inner .nav_content {
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_slide03 .tab-content {
  min-height: 21.875rem;
  background-color: #fff;
  padding: 4rem;
  box-shadow: 0px 0.188rem 0.375rem rgba(0, 0, 0, 0.16);
  height: 100%;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide03 .tab-content {
    padding: 3rem 2rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_slide03 .tab-content {
    padding: 2rem 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide04 {
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_slide04 .bg_img {
  height: 100%;
  width: 78%;
  position: absolute;
  bottom: 0;
  padding: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide04 .bg_img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_slide04 .bg_img {
    background-size: cover;
    background-position: top center;
    height: 56%;
    bottom: auto;
    top: 0;
  }
}

.keypoint_page .gtut_keypoint_page_slide04 .slide_side {
  padding: 4rem;
  background: #fff;
  margin-top: 15rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_slide04 .slide_side {
    padding: 4rem 6rem;
    margin-top: 10rem;
  }
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_slide04 .slide_side {
    padding: 2rem 2rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_slide04 .slide_side {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide04 .slide_side .swiper {
  padding: 3rem 3rem 4rem 0rem;
  margin: 0;
  margin-right: auto;
}

.keypoint_page .gtut_keypoint_page_slide04 .slide_side .swiper .slide_inner {
  display: flex;
  align-items: center;
  padding-right: 1rem;
}

.keypoint_page
  .gtut_keypoint_page_slide04
  .slide_side
  .swiper
  .slide_inner
  img {
  padding-right: 1rem;
}

.keypoint_page .gtut_keypoint_page_slide04 .swiper-pagination-fraction {
  bottom: 0;
  width: 3.125rem;
  text-align: left;
  color: #fabe00;
}

.keypoint_page .gtut_keypoint_page_slide04 .gtut_keypoint_slide_btn {
  position: absolute;
  bottom: 4rem;
  right: 0;
  width: 3.125rem;
  height: 7.5rem;
}

.keypoint_page
  .gtut_keypoint_page_slide04
  .gtut_keypoint_slide_btn
  .swiper-button-prev,
.keypoint_page
  .gtut_keypoint_page_slide04
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #fabe00;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.5rem;
  border-radius: 100%;
  display: block;
}

.keypoint_page
  .gtut_keypoint_page_slide04
  .gtut_keypoint_slide_btn
  .swiper-button-prev:after,
.keypoint_page
  .gtut_keypoint_page_slide04
  .gtut_keypoint_slide_btn
  .swiper-button-next:after {
  display: none;
}

.keypoint_page
  .gtut_keypoint_page_slide04
  .gtut_keypoint_slide_btn
  .swiper-button-prev {
  top: 0px;
  left: 0;
  margin-top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.keypoint_page
  .gtut_keypoint_page_slide04
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  margin-top: 0;
  right: 0;
  bottom: 0;
}

.keypoint_page .gtut_keypoint_page_slide05 {
  position: relative;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_slide05 .swiper-slide .container-fluid {
    padding: 0;
  }
}

.keypoint_page .gtut_keypoint_page_slide05 .content {
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_slide05 .content {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_slide05 .content {
    margin-bottom: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide05 .swiper-slide .row {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_slide05 .swiper-slide .row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide05 .text {
  background: #fff;
  padding: 1.5rem;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .keypoint_page .gtut_keypoint_page_slide05 .text {
    padding: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide05 .image {
  padding: 0;
}

.keypoint_page .gtut_keypoint_page_slide05 .image img {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.keypoint_page .gtut_keypoint_page_slide05 .swiper-pagination-fraction {
  bottom: -4.5rem;
  width: 100%;
  text-align: center;
  color: #fabe00;
}

.keypoint_page .gtut_keypoint_page_slide05 .gtut_keypoint_slide_btn {
  z-index: 15;
  height: 3.125rem;
  position: relative;
  margin: 0 auto;
  width: 7.188rem;
  top: 2rem;
  padding-top: 2rem;
}

.keypoint_page
  .gtut_keypoint_page_slide05
  .gtut_keypoint_slide_btn
  .swiper-button-prev,
.keypoint_page
  .gtut_keypoint_page_slide05
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #fabe00;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.5rem;
  border-radius: 100%;
  display: block;
}

.keypoint_page
  .gtut_keypoint_page_slide05
  .gtut_keypoint_slide_btn
  .swiper-button-prev:after,
.keypoint_page
  .gtut_keypoint_page_slide05
  .gtut_keypoint_slide_btn
  .swiper-button-next:after {
  display: none;
}

.keypoint_page
  .gtut_keypoint_page_slide05
  .gtut_keypoint_slide_btn
  .swiper-button-prev {
  top: 0;
  left: 0;
  margin-top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.keypoint_page
  .gtut_keypoint_page_slide05
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  margin-top: 0;
  right: 0;
  top: 0;
}

.keypoint_page .gtut_keypoint_page_slide06 {
  position: relative;
}

.keypoint_page .gtut_keypoint_page_slide06 .bg_img {
  margin: auto;
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  content: "";
  display: inline-block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 110vw;
  min-width: 110vw;
  height: 50%;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide06 .bg_img {
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_slide06 .content {
    margin-bottom: 3rem;
    padding-left: 0rem;
    padding-right: 0rem;
  }
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide06 .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_slide06 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide06 .swiper-slide {
  transition: 1s;
  transform: scale(0.85);
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide06 .swiper-slide {
    transform: scale(1);
  }
}

.keypoint_page .gtut_keypoint_page_slide06 .swiper-slide.swiper-slide-active {
  transform: scale(1);
}

.keypoint_page .gtut_keypoint_page_slide06 .swiper-slide .row {
  margin-left: 0;
  margin-right: 0;
}

.keypoint_page .gtut_keypoint_page_slide06 .text {
  background: #fff;
  padding: 1rem;
}

.keypoint_page .gtut_keypoint_page_slide06 .image {
  padding: 0;
}

.keypoint_page .gtut_keypoint_page_slide06 .image img {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.keypoint_page .gtut_keypoint_page_slide06 .item {
  padding: 1.5rem 1rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide06 .item {
    padding: 2rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide06 .card {
  box-shadow: 0.625rem 0.938rem 0.938rem rgba(0, 0, 0, 0.26);
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_page_slide06_slide {
    height: 100%;
    padding-bottom: 5rem;
  }
}

.keypoint_page .gtut_keypoint_page_slide06 .swiper-pagination-fraction {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 5%;
  bottom: 0px;
  color: #fabe00;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide06 .swiper-pagination-fraction {
    position: relative;
    justify-content: center;
    bottom: -4.5rem;
    padding-right: 0;
  }
}

.keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn {
  position: absolute;
  bottom: 4rem;
  width: 3.125rem;
  z-index: 15;
}

.keypoint_page
  .gtut_keypoint_page_slide06
  .gtut_keypoint_slide_btn
  .swiper-button-prev,
.keypoint_page
  .gtut_keypoint_page_slide06
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #fabe00;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem 1.5rem;
  border-radius: 100%;
  position: relative;
  display: block;
}

.keypoint_page
  .gtut_keypoint_page_slide06
  .gtut_keypoint_slide_btn
  .swiper-button-prev:after,
.keypoint_page
  .gtut_keypoint_page_slide06
  .gtut_keypoint_slide_btn
  .swiper-button-next:after {
  display: none;
}

.keypoint_page
  .gtut_keypoint_page_slide06
  .gtut_keypoint_slide_btn
  .swiper-button-prev {
  top: 0;
  left: 0;
  margin-top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.keypoint_page
  .gtut_keypoint_page_slide06
  .gtut_keypoint_slide_btn
  .swiper-button-next {
  right: 0;
  margin-top: 1rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_slide06 .gtut_keypoint_slide_btn {
    position: relative;
    bottom: 6rem;
    height: 1rem;
    width: 7rem;
    margin: 0 auto;
  }

  .keypoint_page
    .gtut_keypoint_page_slide06
    .gtut_keypoint_slide_btn
    .swiper-button-prev,
  .keypoint_page
    .gtut_keypoint_page_slide06
    .gtut_keypoint_slide_btn
    .swiper-button-next {
    position: absolute;
  }

  .keypoint_page
    .gtut_keypoint_page_slide06
    .gtut_keypoint_slide_btn
    .swiper-button-next {
    margin-top: 0;
    top: 0;
  }
}

.keypoint_page .gtut_keypoint_page_table01 table,
.keypoint_page .gtut_keypoint_page_table02 table,
.keypoint_page .gtut_keypoint_page_table03 table,
.keypoint_page .gtut_keypoint_page_table04 table {
  margin-top: 3rem;
}

.keypoint_page .gtut_keypoint_page_table01 .table_center th,
.keypoint_page .gtut_keypoint_page_table02 .table_center th,
.keypoint_page .gtut_keypoint_page_table03 .table_center th,
.keypoint_page .gtut_keypoint_page_table04 .table_center th {
  min-width: 7.5rem;
}

.keypoint_page .gtut_keypoint_page_table01 .table_center th,
.keypoint_page .gtut_keypoint_page_table01 .table_center td,
.keypoint_page .gtut_keypoint_page_table02 .table_center th,
.keypoint_page .gtut_keypoint_page_table02 .table_center td,
.keypoint_page .gtut_keypoint_page_table03 .table_center th,
.keypoint_page .gtut_keypoint_page_table03 .table_center td,
.keypoint_page .gtut_keypoint_page_table04 .table_center th,
.keypoint_page .gtut_keypoint_page_table04 .table_center td {
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_table01 table {
  border: none;
  border-collapse: separate;
  border-spacing: 0 0.813rem;
}

.keypoint_page .gtut_keypoint_page_table01 table tr {
  border-bottom: 1px solid #ededed;
  box-shadow: 0px 0px 0.375rem rgba(0, 0, 0, 0.16);
}

.keypoint_page .gtut_keypoint_page_table01 table td {
  border: none;
  padding: 1.12rem 1rem;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_table01 .table_mobile thead {
    display: none;
  }

  .keypoint_page .gtut_keypoint_page_table01 .table_mobile td {
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #f5f5f5;
  }

  .keypoint_page .gtut_keypoint_page_table01 .table_mobile td:before {
    content: attr(data-th);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40%;
    background: #535353;
    color: #fff;
    padding: 1rem;
    font-size: 0.9rem;
  }

  .keypoint_page .gtut_keypoint_page_table01 .table_mobile .td_content {
    display: block;
    width: 60%;
    padding: 0.5rem 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_table03 table {
  border: 0;
  min-width: 37.5rem;
  overflow-x: auto;
}

.keypoint_page .gtut_keypoint_page_table03 table tr:nth-of-type(even) {
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.keypoint_page .gtut_keypoint_page_table03 table th {
  background: rgba(0, 0, 0, 0);
  color: #333;
  border: 0;
  border-bottom: 0.188rem solid #aaa;
}

.keypoint_page .gtut_keypoint_page_table03 table td {
  padding: 1.25rem 0.35rem;
  border: 0;
}

.keypoint_page .gtut_keypoint_page_table04 .table td,
.keypoint_page .gtut_keypoint_page_table04 .table th {
  vertical-align: middle;
}

.keypoint_page .gtut_keypoint_page_table04 .table th:nth-child(2n) {
  background: #fabe00;
}

.keypoint_page .gtut_keypoint_page_table04 .table td:nth-child(2n) {
  background: rgba(250, 190, 0, 0.5);
}

.keypoint_page .gtut_keypoint_page_table04 .table img {
  margin-right: 1rem;
  display: inline-block;
}

.keypoint_page .gtut_keypoint_page_table04 .table p {
  margin-bottom: 0;
}

.keypoint_page .gtut_keypoint_page_advantage01 .icon_wrap {
  margin-top: 1.5rem;
}

.keypoint_page .gtut_keypoint_page_advantage01 .icon_wrap .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.keypoint_page .gtut_keypoint_page_advantage01 .icon_wrap .col-12 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.keypoint_page .gtut_keypoint_page_advantage01 .icon {
  padding: 1.5rem 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
  box-shadow: 0.188rem 0.313rem 0.625rem rgba(0, 0, 0, 0.16);
}

.keypoint_page .gtut_keypoint_page_advantage01 .icon p {
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.keypoint_page .gtut_keypoint_page_advantage02 .icon_wrap {
  margin-top: 1.5rem;
}

.keypoint_page .gtut_keypoint_page_advantage02 .icon_wrap .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.keypoint_page .gtut_keypoint_page_advantage02 .icon_wrap .col-6 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.keypoint_page .gtut_keypoint_page_advantage02 .icon {
  padding: 1.5rem 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
  box-shadow: 0.188rem 0.313rem 0.625rem rgba(0, 0, 0, 0.16);
}

.keypoint_page .gtut_keypoint_page_advantage02 .icon p {
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.keypoint_page .gtut_keypoint_page_advantage03 .image {
  margin-top: 2rem;
}

.keypoint_page .gtut_keypoint_page_advantage03 .image .desk_img {
  display: none;
}

.keypoint_page .gtut_keypoint_page_advantage03 .image .mobile_img {
  display: block;
  text-align: center;
}

@media (min-width: 768px) {
  .keypoint_page .gtut_keypoint_page_advantage03 .image {
    margin-top: 3rem;
  }

  .keypoint_page .gtut_keypoint_page_advantage03 .image .desk_img {
    display: block;
  }

  .keypoint_page .gtut_keypoint_page_advantage03 .image .mobile_img {
    display: none;
  }
}

.keypoint_page .gtut_keypoint_page_advantage04 .icon_wrap {
  margin-top: 1.5rem;
}

.keypoint_page .gtut_keypoint_page_advantage04 .icon_wrap .row {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.keypoint_page .gtut_keypoint_page_advantage04 .icon_wrap .col-6 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.keypoint_page .gtut_keypoint_page_advantage04 .icon {
  padding: 1rem 1.5rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

.keypoint_page .gtut_keypoint_page_advantage04 .icon p {
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_advantage04 .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
  }

  .keypoint_page .gtut_keypoint_page_advantage04 .icon p {
    max-width: 80%;
    flex: 0 0 80%;
  }

  .keypoint_page .gtut_keypoint_page_advantage04 .icon img {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_advantage04 .icon {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
  }

  .keypoint_page .gtut_keypoint_page_advantage04 .icon p {
    max-width: fit-content;
    flex: 1 0 80%;
    text-align: left;
  }

  .keypoint_page .gtut_keypoint_page_advantage04 .icon img {
    flex: 0 1 20%;
    padding-right: 0.5rem;
  }
}

.keypoint_page .gtut_keypoint_page_advantage05 {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_advantage05 .bg {
  z-index: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  content: "";
  display: inline-block;
  width: 110vw;
  min-width: 110vw;
  position: absolute;
  height: 60%;
}

.keypoint_page .gtut_keypoint_page_advantage05 .content_wrap {
  background: #fff;
  box-shadow: 0.188rem 0.188rem 0.313rem rgba(0, 0, 0, 0.16);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_advantage05 .content_wrap {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

.keypoint_page .gtut_keypoint_page_advantage05 .content_wrap .container-fluid {
  max-width: 85.375rem;
}

.keypoint_page .gtut_keypoint_page_advantage05 .content {
  position: relative;
  text-align: center;
  padding-left: 3rem;
}

.keypoint_page .gtut_keypoint_page_advantage05 .content:after {
  content: "";
  display: block;
  border-right: 1px solid #e2e2e2;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: -16%;
}

.keypoint_page .gtut_keypoint_page_advantage05 .content img {
  margin-bottom: 1rem;
}

.keypoint_page .gtut_keypoint_page_advantage05 .icon {
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_advantage05 .icon img {
  margin-bottom: 0.5rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_advantage05 .icon {
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_advantage06 {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}

.keypoint_page .gtut_keypoint_page_advantage06 .container-fluid {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_advantage06 .content {
    margin-top: 1rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .gtut_keypoint_page_advantage06 .title {
    text-align: center;
  }

  .keypoint_page .gtut_keypoint_page_advantage06 .image {
    text-align: center;
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_service01 .item,
.keypoint_page .gtut_keypoint_page_service02 .item {
  position: relative;
}

.keypoint_page .gtut_keypoint_page_service01 .item:before,
.keypoint_page .gtut_keypoint_page_service02 .item:before {
  content: "";
  display: inline-block;
  position: absolute;
  margin: auto;
  top: 0;
  right: -0.938rem;
  bottom: 0;
  background-position: center center;
  background-repeat: no-repeat;
  width: 1.438rem;
  height: 1.438rem;
  background-color: #fabe00;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  background-size: 1.063rem 0.75rem;
  border-radius: 100%;
}

.keypoint_page .gtut_keypoint_page_service01 .item:last-child::before,
.keypoint_page .gtut_keypoint_page_service02 .item:last-child::before {
  display: none;
}

.keypoint_page .gtut_keypoint_page_service01 .image,
.keypoint_page .gtut_keypoint_page_service02 .image {
  margin-bottom: 1rem;
}

.keypoint_page .gtut_keypoint_page_service01 .col-xl-5-1,
.keypoint_page .gtut_keypoint_page_service01 .gtut_xl_5 {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_service01 .col-xl-5-1,
  .keypoint_page .gtut_keypoint_page_service01 .gtut_xl_5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_service01 .gtut_xl_5.gtut_offset_3 {
    margin-left: 20%;
  }
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_service01 .gtut_xl_5.gtut_offset_4 {
    margin-left: 10%;
  }
}

.keypoint_page .gtut_keypoint_page_service01 .item {
  position: relative;
  padding: 0 15px;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_service01 .item:before {
    top: 24%;
    bottom: inherit;
  }
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_service01 .item:nth-child(even)::before {
    display: none;
  }
}

.keypoint_page .gtut_keypoint_page_service01 .item .image {
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_service02 .col-xl-5-1,
.keypoint_page .gtut_keypoint_page_service02 .gtut_xl_5 {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_service02 .col-xl-5-1,
  .keypoint_page .gtut_keypoint_page_service02 .gtut_xl_5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.keypoint_page .gtut_keypoint_page_service02 .item {
  margin-bottom: 2rem;
  padding: 0 1rem;
}

.keypoint_page .gtut_keypoint_page_service02 .item:before {
  right: -0.625rem;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_service02 .item {
    margin-bottom: 2.8rem;
  }

  .keypoint_page .gtut_keypoint_page_service02 .item:before {
    right: 50%;
    bottom: -1.5rem;
    top: auto;
    transform: rotate(90deg);
  }
}

.keypoint_page .gtut_keypoint_page_service02 .item .image {
  text-align: center;
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_service03 .col-xl-5-1,
  .keypoint_page .gtut_keypoint_page_service03 .gtut_xl_5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.keypoint_page .gtut_keypoint_page_service03 .item_wrap {
  margin-top: 3rem;
}

.keypoint_page .gtut_keypoint_page_service03 .item {
  margin-bottom: 4rem;
  padding: 0.938rem;
  background-color: #fbfbfb;
  border: 1px solid #ccc;
  height: 100%;
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_service03 .label {
  clip-path: polygon(100% 0, 100% 80%, 50% 100%, 0 80%, 0 0);
  margin: auto;
  padding: 1.25rem 0 1.875rem;
  margin-top: -3.125rem;
  margin-bottom: 0.938rem;
  max-width: 11.75rem;
}

.keypoint_page .gtut_keypoint_page_service03 .label .step {
  font-weight: bold;
}

.keypoint_page .gtut_keypoint_page_service03 .label .num {
  font-size: 3.2rem;
  line-height: 1.2;
  font-weight: bold;
}

.keypoint_page .gtut_keypoint_page_logo01 .content {
  margin-bottom: 2rem;
}

.keypoint_page .gtut_keypoint_page_logo01 .item {
  margin-bottom: 2rem;
}

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo {
  padding: 1.875rem 0;
  width: 100%;
  height: 25vh;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  overflow: hidden;
  width: calc(100% + 2rem);
  margin-left: -0.938rem;
  margin-right: -0.938rem;
}

@media screen and (max-width: 576px) {
  .keypoint_page .gtut_keypoint_page_logo02 #marquee_logo {
    height: 30vh;
  }
}

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo .marquee_text_group {
  color: #f7f7f7;
  position: absolute;
  left: -100%;
  z-index: -1;
  font-size: 12.5rem;
  font-family: "Philosopher", sans-serif;
  font-style: italic;
  white-space: nowrap;
  font-size: 0;
}

.keypoint_page
  .gtut_keypoint_page_logo02
  #marquee_logo
  .marquee_text_group
  span {
  display: inline-block;
  font-size: 12.5rem;
}

.keypoint_page .gtut_keypoint_page_logo02 #marquee_logo .marquee_logo_group {
  position: absolute;
  white-space: nowrap;
  left: 0;
}

.keypoint_page
  .gtut_keypoint_page_logo02
  #marquee_logo
  .marquee_logo_group
  .logo_group {
  display: inline;
  white-space: nowrap;
}

.keypoint_page
  .gtut_keypoint_page_logo02
  #marquee_logo
  .marquee_logo_group
  span {
  display: inline-block;
  padding: 0 1.875rem;
}

.keypoint_page .gtut_keypoint_page_logo03 .content {
  margin-bottom: 2rem;
}

.keypoint_page .gtut_keypoint_page_logo03 .item_wrap {
  margin-top: 6rem;
}

.keypoint_page .gtut_keypoint_page_logo03 .item {
  margin-bottom: 6rem;
}

.keypoint_page .gtut_keypoint_page_logo03 .item_inner {
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 2rem 2rem;
  background: #fff;
}

.keypoint_page .gtut_keypoint_page_logo03 .image {
  text-align: center;
  height: 4.125rem;
  width: 100%;
}

.keypoint_page .gtut_keypoint_page_logo03 .image img {
  position: absolute;
  top: -4.5rem;
  left: 2.25rem;
  width: 13.75rem;
  background-color: #fff;
}

.keypoint_page .gtut_keypoint_page_logo03 .image:after {
  content: "";
  display: block;
  border: 1px solid #fabe00;
  width: 2.7rem;
  position: absolute;
  top: 5.6rem;
}

.keypoint_page .gtut_keypoint_page_logo03 .btn_group {
  margin-top: 1.5rem;
}

.keypoint_page .gtut_keypoint_page_video01 .image,
.keypoint_page .gtut_keypoint_page_video02 .image,
.keypoint_page .gtut_keypoint_page_video03 .image {
  position: relative;
  cursor: pointer;
}

.keypoint_page .gtut_keypoint_page_video01 .image img,
.keypoint_page .gtut_keypoint_page_video02 .image img,
.keypoint_page .gtut_keypoint_page_video03 .image img {
  width: 100%;
}

.keypoint_page .gtut_keypoint_page_video01 .image:after,
.keypoint_page .gtut_keypoint_page_video02 .image:after,
.keypoint_page .gtut_keypoint_page_video03 .image:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
  pointer-events: none;
  transition: 0.3s ease;
}

.keypoint_page .gtut_keypoint_page_video01 .image:hover:after,
.keypoint_page .gtut_keypoint_page_video02 .image:hover:after,
.keypoint_page .gtut_keypoint_page_video03 .image:hover:after {
  width: 0%;
}

.keypoint_page .gtut_keypoint_page_video01 .video_btn,
.keypoint_page .gtut_keypoint_page_video02 .video_btn,
.keypoint_page .gtut_keypoint_page_video03 .video_btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  animation: illuminate ease-out 2.2s infinite;
  pointer-events: none;
  width: 6.25rem;
  height: 6.25rem;
  background-image: url(../images/slide_play_btn.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.keypoint_page .gtut_keypoint_page_video01 .content {
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_video01 .item_wrap {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}

.keypoint_page .gtut_keypoint_page_video01 .item {
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_video01 .item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_video01 .text {
  text-align: center;
  padding: 0.5rem 1rem;
}

.keypoint_page .gtut_keypoint_page_video01 .text h5 {
  margin-bottom: 0;
}

.keypoint_page .gtut_keypoint_page_video02 .item_wrap {
  margin-top: 2rem;
}

.keypoint_page .gtut_keypoint_page_video02 .right_video_side > div {
  height: 100%;
}

.keypoint_page .gtut_keypoint_page_video02 .item_list {
  margin-top: 1rem;
}

@media (min-width: 768px) {
  .keypoint_page .gtut_keypoint_page_video02 .item_list {
    height: 100%;
    display: flex;
    align-content: space-between;
    margin-top: 0;
  }
}

.keypoint_page .gtut_keypoint_page_video02 .item_list .thumb_image {
  cursor: pointer;
  border: 0.188rem solid rgba(0, 0, 0, 0);
}

.keypoint_page .gtut_keypoint_page_video02 .item_list .thumb_image.active {
  border: 0.188rem solid #fabe00;
}

.keypoint_page .gtut_keypoint_page_video03 {
  position: relative;
  padding-bottom: 3rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_video03 {
    padding-bottom: 6rem;
  }
}

.keypoint_page .gtut_keypoint_page_video03 .content {
  margin-bottom: 2rem;
}

.keypoint_page .gtut_keypoint_page_video03 .bg_img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 60%;
  bottom: 0;
  left: 0;
}

.keypoint_page .gtut_keypoint_page_video03 .bg_img_object_fit.bg_div {
  position: absolute;
  width: 100%;
  height: 52%;
  bottom: 0;
  top: auto;
  overflow: hidden;
}

.keypoint_page .gtut_keypoint_page_video03 .bg_img_object_fit.bg_div img {
  display: block;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.keypoint_page .gtut_keypoint_page_form01 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_form01 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.keypoint_page .gtut_keypoint_page_form01 .gtut_keypoint_page_form01_content {
  background: #fff;
  padding: 3rem 2rem;
}

@media (min-width: 992px) {
  .keypoint_page .gtut_keypoint_page_form01 .gtut_keypoint_page_form01_content {
    padding: 4rem;
  }
}

.keypoint_page .gtut_keypoint_page_form01 .title {
  margin-bottom: 2rem;
}

.keypoint_page .gtut_keypoint_page_form01 .image {
  margin-bottom: 2rem;
  text-align: center;
}

@media (max-width: 991px) {
  .keypoint_page .gtut_keypoint_page_form01 .image img {
    width: 100%;
  }
}

.keypoint_page .gtut_keypoint_page_form01 .btn {
  margin-top: 1.5rem;
}

.video_box {
  background: rgba(0, 0, 0, 0.85);
  overflow-y: hidden !important;
  max-width: 100%;
  width: 100%;
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9050;
  display: none;
}

.video_box.show {
  display: flex;
  justify-content: center;
  align-items: center;
}

.video_box .modal-body {
  max-width: 76%;
  margin: 0 auto;
  margin-top: 3rem;
}

.video_box .modal-body .swiper-wrapper {
  padding-bottom: 3rem;
}

@media (max-width: 1199px) {
  .video_box .modal-body {
    margin-top: 0;
  }
}

@media (max-width: 575px) {
  .video_box .modal-body {
    max-width: 95%;
  }
}

.video_box .close {
  color: #fff;
  font-size: 3rem;
  margin-bottom: 1.2rem;
  opacity: 1;
  right: -3.75rem;
  top: -2.5rem;
  width: 3.125rem;
  height: 3.125rem;
  cursor: pointer;
  position: absolute;
  background-image: url(../images/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 575px) {
  .video_box .close {
    right: 0.938rem;
    top: -3rem;
  }
}

.gtut_keypoint_page_form02 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 992px) {
  .gtut_keypoint_page_form02 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.gtut_keypoint_page_form02 .title {
  margin-bottom: 2rem;
}

.gtut_keypoint_page_form02 .input__box input,
.gtut_keypoint_page_form02 select,
.gtut_keypoint_page_form02 select.form-control,
.gtut_keypoint_page_form02 .select__option {
  background-color: #eee;
}

.gtut_keypoint_page_form03 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 992px) {
  .gtut_keypoint_page_form03 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.gtut_keypoint_page_form03 .title {
  margin-bottom: 2rem;
}

.gtut_keypoint_page_form03 .contact-form-wrap {
  background-color: #fff;
  border-top: 0.188rem solid #fabe00;
  box-shadow: 0 0.188rem 0.188rem rgba(0, 0, 0, 0.16);
  padding: 2.5rem 2rem;
}

.gtut_keypoint_page_qa01 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media (min-width: 992px) {
  .gtut_keypoint_page_qa01 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.gtut_keypoint_page_qa01 .card {
  border-bottom: 1px solid #d8d8d8;
  transition: 0.5s;
}

.gtut_keypoint_page_qa01 .card:first-of-type {
  border-bottom: 1px solid #d8d8d8;
}

.gtut_keypoint_page_qa01 .fade {
  transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .gtut_keypoint_page_qa01 .fade {
    transition: none;
  }
}

.gtut_keypoint_page_qa01 .fade:not(.show) {
  opacity: 0;
}

.gtut_keypoint_page_qa01 .collapse:not(.show) {
  display: none;
}

.gtut_keypoint_page_qa01 .collapse {
  transition: height 1.35s ease;
}

.gtut_keypoint_page_qa01 .collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 1.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .gtut_keypoint_page_qa01 .collapsing {
    transition: none;
  }
}

.gtut_keypoint_page_qa01 .card-body {
  border: none;
  border-top: none;
  padding: 0.313rem 4vw;
  padding-bottom: 1.875rem;
  font-size: 1rem;
  line-height: 2.25rem;
  letter-spacing: 0.1vw;
  text-align: justify;
  color: #545454;
}

.gtut_keypoint_page_qa01 .itemTitle {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  transition: 0.5s;
  padding: 0.938rem 0.938rem;
  padding-right: 2.813rem;
  font-size: 1.25rem;
  color: #000;
  margin-bottom: 0;
  cursor: pointer;
}

.gtut_keypoint_page_qa01 .titleStyle {
  position: relative;
  display: inline-block;
  font-size: clamp(1.125rem, 0.6964rem + 0.6696vw, 1.5rem);
  padding: 0.625rem 0;
}

.gtut_keypoint_page_qa01 .titleGroup h4.itemTitle .switch {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0.938rem;
}

.gtut_keypoint_page_qa01 .titleGroup h4.itemTitle .switch:after,
.gtut_keypoint_page_qa01 .titleGroup h4.itemTitle .switch:before {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 0.188rem;
  background-color: #8f8f8f;
}

.gtut_keypoint_page_qa01 .titleGroup h4.itemTitle .switch:before {
  transform: rotate(0deg);
  background-color: #000;
  transition: 0.5s;
}

.gtut_keypoint_page_qa01 .titleGroup h4.itemTitle.collapsed .switch:after,
.gtut_keypoint_page_qa01 .titleGroup h4.itemTitle.collapsed .switch:before {
  background-color: #8f8f8f;
}

.gtut_keypoint_page_qa01 .titleGroup h4.itemTitle.collapsed .switch:before {
  transform: rotate(270deg);
}

.gtut_keypoint_page_qa01 .qtitle {
  background: #fabe00;
  color: #000;
  border-radius: 100%;
  width: 3.1rem;
  height: 3.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1rem;
}

.gtut_keypoint_page_qa01 .qtitle span {
  padding-left: 0.3rem;
  font-size: 1.8rem;
  font-weight: 900;
}

.gtut_keypoint_page_mod.row-in-gtutblock {
  position: relative;
}

.gtut_keypoint_page_mod.row-in-gtutblock .img_bleed {
  padding-left: 0;
  padding-right: 0;
}

.gtut_keypoint_page_mod.row-in-gtutblock .img_bleed div {
  height: 100%;
}

.gtut_keypoint_page_mod.row-in-gtutblock .img_bleed img {
  margin: 0 !important;
}

.gtut_keypoint_page_mod.row-in-gtutblock.gtut_keypoint_page_info04,
.gtut_keypoint_page_mod.row-in-gtutblock.gtut_keypoint_page_info05 {
  align-items: center;
}

.gtut_keypoint_page_mod.row-in-gtutblock.gtut_keypoint_page_info04 .content,
.gtut_keypoint_page_mod.row-in-gtutblock.gtut_keypoint_page_info05 .content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.gtut_keypoint_page_mod.row-in-gtutblock.gtut_keypoint_page_info08 {
  position: relative;
}

.blog-details
  .blog-post-details
  .post_wrapper
  .post_content
  .row-in-gtutblock
  a.btn-primary {
  color: #333;
}

.keypoint_page .btn {
  color: #fff;
}

.gtut_section_title {
  text-align: center;
}

.lading_menu {
  position: fixed;
  top: -6.25rem;
  left: 0;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: #fcfcfc;
  z-index: 10;
}

.lading_menu .lading_menu_container {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-x: auto;
  transition: 0.2s opacity ease-in-out;
}

.lading_menu .lading_menu_container.calcing {
  flex-wrap: wrap;
  opacity: 0;
}

.lading_menu li {
  text-align: center;
  padding: 0.3rem 1rem;
  border-right: 1px solid #ccc;
}

.lading_menu li:last-child {
  border-right: none;
}

@media (max-width: 991px) {
  .lading_menu li {
    padding: 0.3rem 0.5rem;
  }
}

.lading_menu .lading_menu_arrow {
  display: none;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 1.875rem;
  height: 100%;
  background: #fff;
  cursor: pointer;
}

.lading_menu .lading_menu_arrow img,
.lading_menu .lading_menu_arrow svg {
  fill: #2e2e2e;
  width: 0.75rem;
}

.lading_menu .lading_menu_arrow img path,
.lading_menu .lading_menu_arrow svg path {
  fill: #2e2e2e;
}

.lading_menu .arrow_next {
  right: 0px;
}

.lading_menu .arrow_prev {
  left: 0px;
}

.lading_menu.lading_menu_scroll .lading_menu_container {
  padding-right: 2rem;
  padding-left: 2rem;
  justify-content: flex-start;
}

.lading_menu.lading_menu_scroll .lading_menu_arrow {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lading_cart_wrap {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.lading_addtocart {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.lading_product_wrap {
  margin-top: 1.5rem;
}

.lading_product_wrap .product-actions_inner {
  margin-top: 1rem;
}

.lading_product_wrap .product__content {
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .lading_product_wrap .product .product__thumb {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
}

.lading_cart_wrap .lading_cart {
  padding-left: 0.313rem;
  padding-right: 0.313rem;
}

.lading_cart_wrap .gtut_product_list_mobile {
  background: #f8f8f8;
  border: 1px #ddd solid;
  padding: 1rem;
}

.lading_cart_wrap .lading_order_info_wrap {
  padding-left: 0.313rem;
  padding-right: 0.313rem;
}

.lading_breadcrumb {
  margin-top: 0.9375rem;
}

.lading_breadcrumb .bradcaump-content {
  padding-bottom: 0;
}

.gtut_footer_wrap {
  position: relative;
}

.lading_copyright_wrapper {
  background: #201f29;
  font-size: 0.75rem;
}

.lading_copyright_wrapper .sitemap_privacy {
  padding: 0.75rem 0;
}

.lading_copyright_wrapper .sitemap_privacy li {
  display: inline-block;
  margin: 0 2px;
  color: rgba(255, 255, 255, 0.3);
}

.lading_copyright_wrapper .sitemap_privacy li a {
  color: rgba(255, 255, 255, 0.3);
}

.keypoint_page .gtut_keypoint_page_recommen01 .start ul,
.keypoint_page .gtut_keypoint_page_recommen02 .start ul,
.keypoint_page .gtut_keypoint_page_recommen03 .start ul {
  padding-left: 0;
  margin: 0;
}

.keypoint_page .gtut_keypoint_page_recommen01 .start .fa_svg,
.keypoint_page .gtut_keypoint_page_recommen02 .start .fa_svg,
.keypoint_page .gtut_keypoint_page_recommen03 .start .fa_svg {
  width: 0.9rem;
  height: 0.9rem;
}

.keypoint_page
  .gtut_keypoint_page_recommen01
  .gtut_keypoint_page_recommen01_slide {
  padding-bottom: 2.5rem;
}

.keypoint_page .gtut_keypoint_page_recommen01 .comment_block {
  background: #201f29;
  color: #fff;
  padding: 1.6rem;
  min-height: 200px;
}

@media (max-width: 1199px) {
  .keypoint_page .gtut_keypoint_page_recommen01 .comment_block {
    min-height: 230px;
  }
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_recommen01 .comment_block {
    min-height: 176px;
  }
}

.keypoint_page .gtut_keypoint_page_recommen01 .top_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

@media (max-width: 1199px) {
  .keypoint_page .gtut_keypoint_page_recommen01 .top_content {
    display: block;
  }
}

.keypoint_page .gtut_keypoint_page_recommen01 .name {
  color: #db6a83;
  margin: 0;
  font-size: 1.25rem;
}

@media (max-width: 1680px) {
  .keypoint_page .container .gtut_keypoint_page_recommen01 .top_content {
    display: block;
  }
}

.keypoint_page .gtut_keypoint_page_recommen02 .item {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 0.3125rem;
}

.keypoint_page .gtut_keypoint_page_recommen02 .item:nth-child(2n) {
  background: #f1f1f1;
}

@media (min-width: 1200px) {
  .keypoint_page .gtut_keypoint_page_recommen02 .item {
    padding: 1.6rem;
  }
}

.keypoint_page .gtut_keypoint_page_recommen02 .name {
  margin: 0;
  margin-bottom: 0.5rem;
  color: #db6a83;
}

.keypoint_page .gtut_keypoint_page_recommen02 .content {
  margin: 0;
}

.keypoint_page .gtut_keypoint_page_recommen02 .start {
  margin-bottom: 0.5rem;
}

.keypoint_page .gtut_keypoint_page_recommen02 .image {
  max-width: 80px;
  margin-right: 1rem;
}

.keypoint_page .gtut_keypoint_page_recommen02 .image img {
  border-radius: 100%;
}

.keypoint_page .gtut_keypoint_page_recommen03 .item {
  display: flex;
  align-items: stretch;
  width: 100%;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 3px dashed #ddd;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_recommen03 .item {
    display: block;
  }
}

.keypoint_page .gtut_keypoint_page_recommen03 .left_side {
  margin-right: 1.4rem;
}

@media (max-width: 767px) {
  .keypoint_page .gtut_keypoint_page_recommen03 .left_side {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

.keypoint_page .gtut_keypoint_page_recommen03 .name {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #db6a83;
  text-align: center;
}

.keypoint_page .gtut_keypoint_page_recommen03 .rating {
  justify-content: center;
}

.keypoint_page .gtut_keypoint_page_recommen03 .image {
  max-width: 180px;
  margin: 0 auto;
}

.keypoint_page .gtut_keypoint_page_recommen03 .image img {
  border-radius: 100%;
}

.keypoint_page .gtut_keypoint_page_recommen03 .right_side {
  flex: 0 1 calc(100% - 180px);
  background: #fff;
  padding: 1.6rem;
  border-radius: 0.3125rem;
  box-shadow: 4px 4px 0.5rem rgba(0, 0, 0, 0.16);
}

.keypoint_page .gtut_keypoint_page_recommen03 .content {
  font-size: 1.3rem;
  margin: 0;
}

.keypoint_page .gtut_keypoint_page_qanda01 .qaitem h4 span {
  color: #fff !important;
}

.keypoint_page .gtut_keypoint_page_qanda01 .qaitem ul {
  margin: 0 0 0 3rem;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .qaitem {
  border-bottom: solid 1px #dfdfdf;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .qaitem h4:before {
  display: none;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q,
.keypoint_page .gtut_keypoint_page_qanda01 .allitem .a {
  width: 100%;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q {
  font-weight: bold;
  position: relative;
  line-height: 45px;
  padding: 30px 0px 30px 50px;
  pointer-events: painted;
  cursor: pointer;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q h4 {
  margin-bottom: 0px;
  color: #2e2e2e;
  width: calc(100% - 60px);
  margin-top: 0;
  margin-left: 0.5rem;
  font-size: 24px;
  padding: 0;
  border: none;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q h4 span {
  position: absolute;
  display: block;
  width: 45px;
  height: 45px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5rem;
  background-color: #fabe00;
  color: #333;
  top: 22px;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q h4:before {
  display: none;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q:after,
.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q:before {
  width: 15px;
  height: 2px;
  background-color: #8d8d8d;
  content: "";
  transform-origin: center center;
  position: absolute;
  right: 20px;
  top: 42px;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .q:after {
  transform: rotate(90deg);
  transition: all 0.3s ease;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .a {
  padding: 0px 0px 0px 20px;
  margin-top: -0.5rem;
  width: calc(100% - 50px);
  max-height: 0;
  margin-bottom: 0px;
  overflow: hidden;
  transition: all 0.1s ease;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .open .q:after {
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.keypoint_page .gtut_keypoint_page_qanda01 .allitem .open .a {
  max-height: 1200px;
  margin-top: -0.5rem;
  margin-bottom: 15px;
  transition: all 0.3s ease;
}

@media (max-width: 575px) {
  .keypoint_page .image.desk_image {
    display: none;
  }
}

.keypoint_page .image.mobile_image {
  display: none;
}

@media (max-width: 575px) {
  .keypoint_page .image.mobile_image {
    display: block;
    margin: 0 -0.938rem;
    width: 110%;
  }
}

@media (min-width: 576px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage01,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage02,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage04,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage06,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo03,
  .keypoint_page .container-fluid .gtut_keypoint_page_video01,
  .keypoint_page .container-fluid .gtut_keypoint_page_video02,
  .keypoint_page .container-fluid .gtut_keypoint_page_video03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table01,
  .keypoint_page .container-fluid .gtut_keypoint_page_table02,
  .keypoint_page .container-fluid .gtut_keypoint_page_table03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table04,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen01,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen02,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen03,
  .keypoint_page .container-fluid .gtut_keypoint_page_service01,
  .keypoint_page .container-fluid .gtut_keypoint_page_service02,
  .keypoint_page .container-fluid .gtut_keypoint_page_service03 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage01,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage02,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage04,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage06,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo03,
  .keypoint_page .container-fluid .gtut_keypoint_page_video01,
  .keypoint_page .container-fluid .gtut_keypoint_page_video02,
  .keypoint_page .container-fluid .gtut_keypoint_page_video03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table01,
  .keypoint_page .container-fluid .gtut_keypoint_page_table02,
  .keypoint_page .container-fluid .gtut_keypoint_page_table03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table04,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen01,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen02,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen03,
  .keypoint_page .container-fluid .gtut_keypoint_page_service01,
  .keypoint_page .container-fluid .gtut_keypoint_page_service02,
  .keypoint_page .container-fluid .gtut_keypoint_page_service03 {
    max-width: 45rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage01,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage02,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage04,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage06,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo03,
  .keypoint_page .container-fluid .gtut_keypoint_page_video01,
  .keypoint_page .container-fluid .gtut_keypoint_page_video02,
  .keypoint_page .container-fluid .gtut_keypoint_page_video03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table01,
  .keypoint_page .container-fluid .gtut_keypoint_page_table02,
  .keypoint_page .container-fluid .gtut_keypoint_page_table03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table04,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen01,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen02,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen03,
  .keypoint_page .container-fluid .gtut_keypoint_page_service01,
  .keypoint_page .container-fluid .gtut_keypoint_page_service02,
  .keypoint_page .container-fluid .gtut_keypoint_page_service03 {
    max-width: 60rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage01,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage02,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage04,
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage06,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo03,
  .keypoint_page .container-fluid .gtut_keypoint_page_video01,
  .keypoint_page .container-fluid .gtut_keypoint_page_video02,
  .keypoint_page .container-fluid .gtut_keypoint_page_video03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table01,
  .keypoint_page .container-fluid .gtut_keypoint_page_table02,
  .keypoint_page .container-fluid .gtut_keypoint_page_table03,
  .keypoint_page .container-fluid .gtut_keypoint_page_table04,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen01,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen02,
  .keypoint_page .container-fluid .gtut_keypoint_page_recommen03,
  .keypoint_page .container-fluid .gtut_keypoint_page_service01,
  .keypoint_page .container-fluid .gtut_keypoint_page_service02,
  .keypoint_page .container-fluid .gtut_keypoint_page_service03 {
    max-width: 100%;
    padding-left: calc(7% - 15px);
    padding-right: calc(7% - 15px);
  }
}

@media (min-width: 576px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage03 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide05 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide06 .content {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage03 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide05 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide06 .content {
    max-width: 45rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage03 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide05 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide06 .content {
    max-width: 60rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage03 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_logo01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide01 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide05 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_slide06 .content {
    max-width: 100%;
    padding-left: calc(7% + 15px);
    padding-right: calc(7% + 15px);
  }
}

@media (min-width: 576px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_slide03 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_slide03 {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 45rem;
  }

  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_slide03
    .col-md-12.col-lg-10.in-gtutblock {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_slide03 {
    padding-left: 1rem;
    max-width: 60rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_advantage05 .content {
    padding-left: 0.6rem;
    text-align: left;
  }

  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_advantage05
    .content_wrap
    .container-fluid {
    max-width: 100%;
    padding: 0;
    padding-left: calc(7% + 15px);
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_slide02
    .col-md-6.in-gtutblock:nth-child(2) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_slide02
    .col-md-6.in-gtutblock:nth-child(2) {
    padding-left: calc(7% + 15px);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_slide02
    .col-md-6.in-gtutblock:nth-child(2) {
    padding-left: 3rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_slide02
    .col-md-6.in-gtutblock:nth-child(2) {
    padding-left: calc(7% + 15px);
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_slide03 {
    max-width: 100%;
    padding-left: 7%;
    padding-right: 7%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_slide05
    .swiper-slide
    .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 575px) {
  .keypoint_page .container .gtut_keypoint_page_slide03 .nav_wrap {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .keypoint_page .container .gtut_keypoint_page_slide03 .content {
    padding-right: 0rem;
    padding-left: 0rem;
  }

  .keypoint_page .container .gtut_keypoint_page_advantage05 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .keypoint_page .container .gtut_keypoint_page_slide03 {
    margin-left: 0;
    margin-right: 0;
  }

  .keypoint_page
    .container
    .gtut_keypoint_page_slide03
    .col-md-12.col-lg-10.in-gtutblock {
    padding-left: 0;
    padding-right: 0;
  }

  .keypoint_page .container .gtut_keypoint_page_slide05 {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  .keypoint_page .container .gtut_keypoint_page_advantage05 {
    margin-left: 0;
  }

  .keypoint_page .container .gtut_keypoint_page_slide04 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container .gtut_keypoint_page_slide04 .bg_img {
    width: 94%;
  }

  .keypoint_page .container .gtut_keypoint_page_slide04 .slide_side {
    padding: 4rem 2rem;
    max-width: 80%;
    margin-left: 20%;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container .gtut_keypoint_page_slide06 .content {
    padding-right: 2.3rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .keypoint_page .container .gtut_keypoint_page_logo03 .image img {
    left: 4.5%;
    width: 80%;
  }

  .keypoint_page .container .gtut_keypoint_page_slide03 {
    margin-left: 0;
  }

  .keypoint_page .container .gtut_keypoint_page_slide03 .tab-content {
    padding: 2rem;
  }

  .keypoint_page .container .gtut_keypoint_page_slide06 .col-md-12.offset-lg-2 {
    margin-left: 18%;
  }

  .keypoint_page .container .gtut_keypoint_page_advantage04 .icon {
    padding: 1rem 0.8rem;
  }
}

@media (min-width: 1200px) and (max-width: 1600px) {
  .keypoint_page .container .gtut_keypoint_page_logo03 .image img {
    left: 4.5%;
    width: 80%;
  }

  .keypoint_page .container .gtut_keypoint_page_slide03 .tab-content {
    padding: 2rem;
  }

  .keypoint_page .container .gtut_keypoint_page_slide06 .col-md-12.offset-lg-2 {
    margin-left: 15%;
  }

  .keypoint_page .container .gtut_keypoint_page_advantage04 .icon {
    padding: 1rem 0.8rem;
  }
}

@media (min-width: 576px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info01,
  .keypoint_page .container-fluid .gtut_keypoint_page_info06,
  .keypoint_page .container-fluid .gtut_keypoint_page_info10,
  .keypoint_page .container-fluid .gtut_keypoint_page_info11,
  .keypoint_page .container-fluid .gtut_keypoint_page_info12,
  .keypoint_page .container-fluid .gtut_keypoint_page_info13,
  .keypoint_page .container-fluid .gtut_keypoint_page_info15,
  .keypoint_page .container-fluid .gtut_keypoint_page_info16,
  .keypoint_page .container-fluid .gtut_keypoint_page_info19,
  .keypoint_page .container-fluid .gtut_keypoint_page_info20,
  .keypoint_page .container-fluid .gtut_keypoint_page_info21,
  .keypoint_page .container-fluid .gtut_keypoint_page_info22,
  .keypoint_page .container-fluid .gtut_keypoint_page_info32 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info01,
  .keypoint_page .container-fluid .gtut_keypoint_page_info06,
  .keypoint_page .container-fluid .gtut_keypoint_page_info10,
  .keypoint_page .container-fluid .gtut_keypoint_page_info11,
  .keypoint_page .container-fluid .gtut_keypoint_page_info12,
  .keypoint_page .container-fluid .gtut_keypoint_page_info13,
  .keypoint_page .container-fluid .gtut_keypoint_page_info15,
  .keypoint_page .container-fluid .gtut_keypoint_page_info16,
  .keypoint_page .container-fluid .gtut_keypoint_page_info19,
  .keypoint_page .container-fluid .gtut_keypoint_page_info20,
  .keypoint_page .container-fluid .gtut_keypoint_page_info21,
  .keypoint_page .container-fluid .gtut_keypoint_page_info22,
  .keypoint_page .container-fluid .gtut_keypoint_page_info32 {
    max-width: 45rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info01,
  .keypoint_page .container-fluid .gtut_keypoint_page_info06,
  .keypoint_page .container-fluid .gtut_keypoint_page_info10,
  .keypoint_page .container-fluid .gtut_keypoint_page_info11,
  .keypoint_page .container-fluid .gtut_keypoint_page_info12,
  .keypoint_page .container-fluid .gtut_keypoint_page_info13,
  .keypoint_page .container-fluid .gtut_keypoint_page_info15,
  .keypoint_page .container-fluid .gtut_keypoint_page_info16,
  .keypoint_page .container-fluid .gtut_keypoint_page_info19,
  .keypoint_page .container-fluid .gtut_keypoint_page_info20,
  .keypoint_page .container-fluid .gtut_keypoint_page_info21,
  .keypoint_page .container-fluid .gtut_keypoint_page_info22,
  .keypoint_page .container-fluid .gtut_keypoint_page_info32 {
    max-width: 60rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info01,
  .keypoint_page .container-fluid .gtut_keypoint_page_info06,
  .keypoint_page .container-fluid .gtut_keypoint_page_info10,
  .keypoint_page .container-fluid .gtut_keypoint_page_info11,
  .keypoint_page .container-fluid .gtut_keypoint_page_info12,
  .keypoint_page .container-fluid .gtut_keypoint_page_info13,
  .keypoint_page .container-fluid .gtut_keypoint_page_info15,
  .keypoint_page .container-fluid .gtut_keypoint_page_info16,
  .keypoint_page .container-fluid .gtut_keypoint_page_info19,
  .keypoint_page .container-fluid .gtut_keypoint_page_info20,
  .keypoint_page .container-fluid .gtut_keypoint_page_info21,
  .keypoint_page .container-fluid .gtut_keypoint_page_info22,
  .keypoint_page .container-fluid .gtut_keypoint_page_info32 {
    max-width: 100%;
    padding-left: calc(7% - 15px);
    padding-right: calc(7% - 15px);
  }
}

@media (min-width: 576px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info23 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info24 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info25 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info26 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info27 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info28 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info29 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info30 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info31 .content {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info23 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info24 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info25 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info26 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info27 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info28 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info29 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info30 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info31 .content {
    max-width: 45rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info23 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info24 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info25 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info26 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info27 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info28 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info29 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info30 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info31 .content {
    max-width: 60rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info23 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info24 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info25 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info26 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info27 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info28 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info29 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info30 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info31 .content {
    max-width: 100%;
    padding-left: calc(7% + 15px);
    padding-right: calc(7% + 15px);
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info30 .content {
    padding-left: calc(7% + 22px);
    padding-right: calc(7% + 22px);
  }
}

@media (min-width: 576px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info33,
  .keypoint_page .container-fluid .gtut_keypoint_page_info34,
  .keypoint_page .container-fluid .gtut_keypoint_page_info35 {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
  }
}

@media (min-width: 768px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info33,
  .keypoint_page .container-fluid .gtut_keypoint_page_info34,
  .keypoint_page .container-fluid .gtut_keypoint_page_info35 {
    max-width: 45rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info33,
  .keypoint_page .container-fluid .gtut_keypoint_page_info34,
  .keypoint_page .container-fluid .gtut_keypoint_page_info35 {
    max-width: 60rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info33,
  .keypoint_page .container-fluid .gtut_keypoint_page_info34,
  .keypoint_page .container-fluid .gtut_keypoint_page_info35 {
    max-width: 100%;
    padding-left: 7%;
    padding-right: 7%;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info17 .order-lg-1 {
    padding-left: 30px;
  }

  .keypoint_page .container-fluid .gtut_keypoint_page_info17 .order-lg-4 {
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info23 .content,
  .keypoint_page .container-fluid .gtut_keypoint_page_info24 .content {
    margin-bottom: 2.68rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info13 .l_container {
    padding-left: 0;
    padding-right: 0;
  }

  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_info13
    .l_container
    .image {
    margin-top: 3rem;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info13 .r_container {
    text-align: right;
    padding-left: 0;
    padding-right: 0;
  }

  .keypoint_page
    .container-fluid
    .gtut_keypoint_page_info13
    .r_container
    .image {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info10 .image.desk_image {
    max-width: 74rem;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info11 {
    transform: scale(1.08);
    left: 5%;
  }

  .keypoint_page .container-fluid .gtut_keypoint_page_info11 .image {
    right: 10.3%;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info11 {
    max-width: 100%;
    transform: scale(1.07);
    left: 4.2%;
  }

  .keypoint_page .container-fluid .gtut_keypoint_page_info11 .image {
    right: 9%;
  }
}

@media (min-width: 1400px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info11 {
    transform: scale(1.08);
  }
}

@media (min-width: 992px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info12 {
    transform: scale(1.1);
    left: -4.2%;
  }

  .keypoint_page .container-fluid .gtut_keypoint_page_info12 .image {
    left: 10.3%;
  }
}

@media (min-width: 1200px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info12 {
    max-width: 100%;
    transform: scale(1.07);
    left: -4.2%;
  }

  .keypoint_page .container-fluid .gtut_keypoint_page_info12 .image {
    left: 9%;
  }
}

@media (min-width: 1400px) {
  .keypoint_page .container-fluid .gtut_keypoint_page_info12 {
    transform: scale(1.08);
  }
}

@media (min-width: 992px) {
  .keypoint_page .container .gtut_keypoint_page_info11 .image {
    right: 3.7%;
    transform: scale(1.15);
    transform-origin: bottom;
  }
}

@media (min-width: 992px) {
  .keypoint_page .container .gtut_keypoint_page_info12 .image {
    left: 3.7%;
    transform: scale(1.15);
    transform-origin: bottom;
  }
}

@media (max-width: 575px) {
  .container-fluid .gtut_keypoint_page_slide03 .nav_wrap {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .container-fluid .gtut_keypoint_page_advantage03 .image {
    margin-left: auto;
    margin-right: auto;
    max-width: 33.75rem;
  }

  .container-fluid .gtut_keypoint_page_slide03 .nav_wrap {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .container-fluid .gtut_keypoint_page_slide01 .gtut_keypoint_slide_btn {
    max-width: 31.75rem;
  }

  .container-fluid
    .gtut_keypoint_page_slide01
    .gtut_keypoint_page_slide01_slide {
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 33.75rem;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  .container-fluid .gtut_keypoint_page_advantage04 .icon {
    padding: 1rem 0.8rem;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .container-fluid .gtut_keypoint_page_slide04 .bg_img {
    width: 93%;
  }
}

@media (min-width: 992px) {
  .container-fluid .gtut_keypoint_page_info17 .white_content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-fluid .gtut_keypoint_page_slide04 .slide_side {
    padding: 4rem 2rem;
    max-width: 80%;
    margin-left: 20%;
  }

  .container-fluid .gtut_keypoint_page_slide06 .col-md-12.offset-lg-2 {
    margin-left: 12%;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .container-fluid .gtut_keypoint_page_info09 .content {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
  }

  .container-fluid .gtut_keypoint_page_info09 .content .container .col-12.p-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container-fluid .gtut_keypoint_page_info09 .content .container .image {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-fluid .gtut_keypoint_page_info11 .content {
    margin: 0 1rem;
    max-width: 96%;
  }

  .container-fluid .gtut_keypoint_page_info12 .image {
    padding-left: 1rem;
  }

  .container-fluid .gtut_keypoint_page_info14 .white_card_wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-fluid .gtut_keypoint_page_info14 .content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-fluid
    .gtut_keypoint_page_info17
    .col-md-12.in-gtutblock.order-lg-1,
  .container-fluid
    .gtut_keypoint_page_info17
    .col-md-12.in-gtutblock.order-lg-4 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-fluid .gtut_keypoint_page_info23 .image {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-fluid .gtut_keypoint_page_info26 .image_item div {
    text-align: center;
  }

  .container-fluid .gtut_keypoint_page_info32 .image,
  .container-fluid .gtut_keypoint_page_info33 .image,
  .container-fluid .gtut_keypoint_page_info34 .image,
  .container-fluid .gtut_keypoint_page_info35 .image {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-fluid .gtut_keypoint_page_info34 .content,
  .container-fluid .gtut_keypoint_page_info35 .content {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container-fluid .gtut_keypoint_page_info14 .content {
    padding-left: 2rem;
  }

  .container-fluid .gtut_keypoint_page_info14 .white_card_wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container-fluid .gtut_keypoint_page_info32 .image,
  .container-fluid .gtut_keypoint_page_info33 .image,
  .container-fluid .gtut_keypoint_page_info34 .image,
  .container-fluid .gtut_keypoint_page_info35 .image {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-fluid .gtut_keypoint_page_info34 .bg {
    width: 110%;
    left: 1rem;
  }

  .container-fluid .gtut_keypoint_page_info35 .bg {
    width: 110%;
    left: -4.5rem;
  }
}

@media (min-width: 576px) and (max-width: 1199px) {
  .container .gtut_keypoint_page_info02 .img_bleed,
  .container .gtut_keypoint_page_info03 .img_bleed {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container .gtut_keypoint_page_info02 .content,
  .container .gtut_keypoint_page_info03 .content {
    padding: 1rem;
  }

  .container .gtut_keypoint_page_info04 .image,
  .container .gtut_keypoint_page_info05 .image {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container .gtut_keypoint_page_info07 .img_bleed,
  .container .gtut_keypoint_page_info08 .img_bleed {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container .gtut_keypoint_page_info09 .img_bleed {
    padding-left: 1rem;
  }

  .container .gtut_keypoint_page_info09 .content .img_bleed {
    padding-left: 0rem;
    padding-right: 1rem;
  }

  .container .gtut_keypoint_page_info11 {
    margin-left: 0;
    margin-right: 0;
  }

  .container .gtut_keypoint_page_info12 {
    margin-left: 4px;
    margin-right: 0;
  }

  .container .gtut_keypoint_page_info14 .content {
    padding-left: 1rem;
  }

  .container .gtut_keypoint_page_info14,
  .container .gtut_keypoint_page_info17,
  .container .gtut_keypoint_page_info18 {
    margin-left: 0;
    margin-right: 0;
  }

  .container .gtut_keypoint_page_info23,
  .container .gtut_keypoint_page_info25,
  .container .gtut_keypoint_page_info27,
  .container .gtut_keypoint_page_info28,
  .container .gtut_keypoint_page_info29 {
    margin-left: 0;
    margin-right: 0;
  }

  .container .gtut_keypoint_page_info23 .content,
  .container .gtut_keypoint_page_info25 .content,
  .container .gtut_keypoint_page_info27 .content,
  .container .gtut_keypoint_page_info28 .content,
  .container .gtut_keypoint_page_info29 .content {
    padding: 0;
  }

  .container .gtut_keypoint_page_info23 .image {
    padding-left: 0;
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info24 .inner_content {
    right: 0rem;
    max-width: 96%;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .container .gtut_keypoint_page_info30 {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .container .gtut_keypoint_page_info30 .content {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .container .gtut_keypoint_page_info32 .image,
  .container .gtut_keypoint_page_info33 .image,
  .container .gtut_keypoint_page_info34 .image,
  .container .gtut_keypoint_page_info35 .image {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container .gtut_keypoint_page_info34 .bg {
    width: 110%;
    left: 1rem;
  }

  .container .gtut_keypoint_page_info35 .bg {
    width: 110%;
    left: -4.5rem;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .container .gtut_keypoint_page_info09 .img_bleed {
    padding-right: 1rem;
  }

  .container .gtut_keypoint_page_info09 .content .container .col-12.p-5 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .container .gtut_keypoint_page_info09 .content .container .image {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container .gtut_keypoint_page_info11 .image {
    padding-left: 0;
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info12 {
    margin-left: 0;
    margin-right: 0;
  }

  .container .gtut_keypoint_page_info12 .image {
    padding-left: 0;
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info12 .content {
    padding-left: 0;
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info23 .image {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .container .gtut_keypoint_page_info34 .bg,
  .container .gtut_keypoint_page_info35 .bg {
    width: 95%;
    left: 0;
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .container .row.row-in-gtutblock:not(.gtut_keypoint_page_mod) {
    margin-left: -30px;
    margin-right: -30px;
  }

  .container .container .row.row-in-gtutblock:not(.gtut_keypoint_page_mod) {
    margin-left: -15px;
    margin-right: -15px;
  }

  .container .gtut_keypoint_page_info01,
  .container .gtut_keypoint_page_info06,
  .container .gtut_keypoint_page_info10,
  .container .gtut_keypoint_page_info13,
  .container .gtut_keypoint_page_info15,
  .container .gtut_keypoint_page_info16,
  .container .gtut_keypoint_page_info19,
  .container .gtut_keypoint_page_info20,
  .container .gtut_keypoint_page_info21,
  .container .gtut_keypoint_page_info22,
  .container .gtut_keypoint_page_info26 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .container .gtut_keypoint_page_info23 .content,
  .container .gtut_keypoint_page_info24 .content,
  .container .gtut_keypoint_page_info25 .content,
  .container .gtut_keypoint_page_info27 .content,
  .container .gtut_keypoint_page_info28 .content,
  .container .gtut_keypoint_page_info29 .content {
    padding-left: 0;
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info23 .image,
  .container .gtut_keypoint_page_info24 .image {
    padding-left: 0;
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info30 .content {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .container .gtut_keypoint_page_info32 .content {
    padding-left: 0;
  }

  .container .gtut_keypoint_page_info33 .content {
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info32 .image,
  .container .gtut_keypoint_page_info33 .image {
    padding-left: 0;
    padding-right: 0;
  }

  .container .gtut_keypoint_page_info14 .white_card_wrap {
    flex: 0 0 73%;
    max-width: 73%;
  }

  .container .gtut_keypoint_page_info14 .content {
    margin-left: 2%;
  }
}

@media (min-width: 1400px) {
  .container .gtut_keypoint_page_info14 .white_card_wrap {
    flex: 0 0 67%;
    max-width: 67%;
  }
}

@media (min-width: 1200px) {
  .container .gtut_keypoint_page_advantage01,
  .container .gtut_keypoint_page_advantage02,
  .container .gtut_keypoint_page_advantage03,
  .container .gtut_keypoint_page_advantage04,
  .container .gtut_keypoint_page_advantage06,
  .container .gtut_keypoint_page_service02,
  .container .gtut_keypoint_page_service03,
  .container .gtut_keypoint_page_logo01,
  .container .gtut_keypoint_page_logo03,
  .container .gtut_keypoint_page_slide01,
  .container .gtut_keypoint_page_slide02,
  .container .gtut_keypoint_page_slide05,
  .container .gtut_keypoint_page_video02,
  .container .gtut_keypoint_page_video03,
  .container .gtut_keypoint_page_table01,
  .container .gtut_keypoint_page_table02,
  .container .gtut_keypoint_page_table03,
  .container .gtut_keypoint_page_table04,
  .container .gtut_keypoint_page_recommen01,
  .container .gtut_keypoint_page_recommen02,
  .container .gtut_keypoint_page_recommen03 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .container .gtut_keypoint_page_service01,
  .container .gtut_keypoint_page_service02 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .container .gtut_keypoint_page_slide03 .col-md-12.col-lg-10 {
    padding-right: 0;
  }

  .container .gtut_keypoint_page_slide06 {
    margin-right: -52px;
  }

  .container .gtut_keypoint_page_video01 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .container .gtut_keypoint_page_video01 .content {
    padding-left: -7px;
    padding-right: -7px;
  }
}

#accordion .gtut_keypoint_page_mod {
  margin-left: 0;
  margin-right: 0;
}

#accordion .gtut_keypoint_page_mod .card .collapse {
  padding-left: 15px;
  padding-right: 15px;
}

#accordion .gtut_keypoint_page_mod .bg_div,
#accordion .gtut_keypoint_page_mod .bg {
  display: none;
}

.container.container_content_has_sidebar .bg_div,
.container.container_content_has_sidebar .bg {
  display: none;
}

.description_title.container_title_has_sidebar {
  padding: 0 15px;
}

.row-in-gtutblock.gtut_keypoint_page_mod {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .container-fluid.gtut_keypoint_page_container {
    max-width: 100%;
    padding: 0;
  }
}

.row-in-gtutblock.gtut_keypoint_page_mod {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.row-in-gtutblock.no_padding {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.row-in-gtutblock.no_top {
  padding-top: 0;
  margin-top: 0;
}

.row-in-gtutblock.no_bottom {
  padding-bottom: 0;
  margin-bottom: 0;
}

.col-md-12.bg_div,
.col-md-12.content_bg,
.col-md-12.position-static,
.col-xl-12.bg_div,
.col-xl-12.content_bg,
.col-xl-12.position-static {
  animation-fill-mode: none;
  visibility: visible;
  animation-name: none;
  animation-duration: 0s;
}

@media (min-width: 1200px) {
  .wn__single__product:not(.product_info_has_side_bar) .row {
    margin-left: -30px;
    margin-right: -30px;
  }
}

@media (min-width: 992px) {
  .gtut_accordion_container,
  .gtut_nav_container,
  .container.container_content_has_sidebar {
    padding-left: 0;
    padding-right: 0;
  }

  .product__info-title .container.container,
  .product__info-title .container-fluid.container {
    padding: 0;
  }
}

@media (max-width: 1199px) {
  .container.inpage_Area_spacing_top .gtut_product_bottom_col {
    padding-left: 0;
    padding-right: 0;
  }

  .gtut_accordion_container .container.add_comment,
  .gtut_nav_container .container.add_comment,
  .container.container_content_has_sidebar .container.add_comment {
    padding-left: 0;
    padding-right: 0;
  }
}

button:focus {
  outline: none;
}

.btn,
.btn-primary,
.shopbtn {
  line-height: 1.2;
}

.btn {
  color: #333;
  box-shadow: none;
  display: inline-block;
  padding: 7px 20px 4px;
  text-shadow: none;
  transition: all 0.4s ease 0s;
  font-size: clamp(0.875rem, 0.7321rem + 0.2232vw, 1rem);
  border-radius: 0.3125rem;
}

.btn:hover,
.btn:focus,
.btn:active {
  background: #fabe00;
  border-color: #fabe00;
  box-shadow: none;
}

.btn-default {
  color: #333 !important;
}

.btn-default:hover,
.btn-default:focus {
  color: #fabe00 !important;
}

.btn-primary {
  background: #fabe00;
  border-color: #fabe00;
  width: fit-content;
  border-radius: 0.3125rem;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
  background-color: #db6a83;
  border-color: #db6a83;
}

.btn-primary svg {
  fill: #fff;
}

.btn.btn-secondary {
  font-size: clamp(0.875rem, 0.7321rem + 0.2232vw, 1rem);
  background-color: #ebebeb;
  color: #333;
  border-color: #ebebeb;
  display: inline-flex;
  align-items: center;
  border-radius: 0.3125rem;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
  color: #fff;
  background-color: #fabe00;
  border-color: #fabe00;
}

.btn.btn-secondary:hover .pdf-file-svg,
.btn.btn-secondary:focus .pdf-file-svg {
  fill: #fff;
}

.btn.btn-light {
  color: #fabe00;
  background-color: #e2e2e2;
  border-color: #fabe00;
}

.btn.btn-light:hover,
.btn.btn-light:focus {
  color: #fff;
  background-color: #fabe00;
  border-color: #fabe00;
}

.shopbtn {
  color: #2e2e2e;
  font-size: 0.875rem;
  font-weight: bold;
  position: relative;
  text-transform: uppercase;
  position: relative;
  padding-right: 51px;
  left: 0;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}

.shopbtn:hover {
  transition: 0.3s ease-in;
  color: #fabe00;
  left: 10px;
}

.shopbtn:hover::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fabe00;
  transition: 0.3s ease-in;
}

.shopbtn:hover::after {
  background: #fabe00;
  transition: 0.3s ease-in;
}

.shopbtn:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2e2e2e;
  display: inline-block;
  position: absolute;
  right: 0;
  transition: 0.3s ease-in;
}

.shopbtn:after {
  content: "";
  display: inline-block;
  height: 1px;
  margin: 0;
  width: 44px;
  background: #2e2e2e;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s ease-in;
}

.color__turquoise .shopbtn:hover {
  color: #2e2e2e;
}

.color__turquoise .shopbtn:hover::after {
  background-position: 100% 50%;
}

.wnro__btn {
  position: relative;
  z-index: 9 !important;
}

@media (max-width: 575px) {
  .dropdown-mtb {
    min-width: 150px;
  }
}

.dropdown-mtb .btn.btn-select {
  background: #fff;
  color: #333;
  border: 1px solid #ececec;
  min-width: 300px;
  text-align: left !important;
  font-size: 1rem;
}

@media (max-width: 575px) {
  .dropdown-mtb .btn.btn-select {
    min-width: auto;
    width: 100%;
  }
}

.dropdown-mtb .btn.btn-select:after {
  float: right;
  position: relative;
  top: 6px;
}

.dropdown-mtb .dropdown-menu {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #ececec;
  font-size: 1rem;
  padding: 10px 22px;
  max-height: 14rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.dropdown-mtb .dropdown-menu .dropdown-item {
  border-bottom: 1px #eee solid;
  padding: 0.4375rem 0;
}

.dropdown-mtb .dropdown-menu .dropdown-item:hover {
  color: #fabe00;
  background: rgba(0, 0, 0, 0);
}

.dropdown-mtb .dropdown-menu .dropdown-item:last-child {
  border: none;
}

@media (max-width: 575px) {
  .mops_btn {
    margin: 1rem auto;
    display: block;
    width: 250px;
    margin-left: auto;
  }
}

@media (min-width: 576px) {
  .mops_btn {
    margin-top: 0;
    margin-left: 1rem;
  }
}

@media (max-width: 991px) {
  .button-lg {
    display: none;
  }
}

@media (min-width: 992px) {
  .button-xs {
    display: none;
  }
}

.button_settings {
  display: block;
  font-size: 1rem;
  text-align: center;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .button_settings {
    margin: auto;
  }
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.text-white-hover {
  color: #2e2e2e;
}

.text-white-hover:hover,
.text-white-hover:focus {
  color: #fff;
}

.table-secondary,
.table-secondary > td,
.table-secondary > th {
  background: #e2e2e2;
}

.post_content h1,
.txtNormal h1,
.description h1 {
  color: #333;
}

.post_content h2,
.txtNormal h2,
.description h2 {
  color: #333;
}

.post_content h3,
.txtNormal h3,
.description h3 {
  color: #333;
}

.post_content h4,
.txtNormal h4,
.description h4 {
  line-height: 1.4;
  font-family: Arial, "微軟正黑體", "Microsoft JhengHei";
  color: #2e2e2e;
  font-weight: normal;
  letter-spacing: 0.2vw;
}

.post_content h5,
.txtNormal h5,
.description h5 {
  font-weight: normal;
  color: #fabe00;
  line-height: 1.4;
}

.post_content h6,
.txtNormal h6,
.description h6 {
  color: #fff;
  line-height: 1.4;
  background: #db6a83;
  padding: 2px 8px 0;
  font-weight: normal;
  display: inline-block;
}

.post_content ul,
.txtNormal ul,
.description ul {
  padding-left: 25px;
  list-style: disc;
  margin-bottom: 30px;
}

.post_content ol,
.txtNormal ol,
.description ol {
  padding-left: 25px;
  margin-bottom: 30px;
}

/* .post_content .in-gtutblock p,
.txtNormal .in-gtutblock p,
.description .in-gtutblock p {
  margin-bottom: 1.5rem;
} */

.txtNormal p {
  margin-bottom: 1.875rem;
}

.txtNormal a {
  color: #fabe00;
}

.txtNormal a:hover {
  color: #db6a83;
}

table {
  width: auto;
}

table thead th {
  background: #2e2e2e;
  color: #fff;
}

table tr {
  border-bottom: 1px #dee2e6 solid;
}

table tr:last-child {
  border: none;
}

table th,
table td {
  padding: 6px 10px;
}

table tbody tr:nth-child(odd) {
  background: #f8f8f8;
}

.h-in-gtuttable th {
  background: #2e2e2e;
  color: #fff;
}

.h-in-gtuttable tr:nth-child(odd) {
  background: #f8f8f8;
}

.rl-in-gtuttable th {
  background: #2e2e2e;
  color: #fff;
  width: 200px;
}

.rl-in-gtuttable tr:nth-child(odd) {
  background: #f8f8f8;
}

.in-gtutbox {
  margin-bottom: 15px;
}

#mainbanner {
  position: relative;
  margin-top: 0px !important;
}

#mainbanner .contentbox {
  color: #fff;
}

#mainbanner p {
  letter-spacing: 0.1em;
  line-height: 1.6;
}

.signin {
  text-align: left;
}

.signin label {
  display: none;
}

.icon_Community .bg_iconCustomer,
.icon_Community .bg_iconContact,
.icon_Community .bg_iconMail,
.icon_Community .bg_iconPhone {
  background: #fabe00;
}

.icon_Community .bg_iconFacebook_messenger {
  background: #0072ff;
}

.icon_Community .js-btn-icon_Community ~ .js-icon_Community {
  position: relative;
  bottom: 64px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #tarteaucitron {
    border: 0 !important;
    left: 0 !important;
    margin: 0 5% !important;
    max-height: 80% !important;
    width: 90% !important;
  }
}

#tarteaucitron * {
  zoom: 1;
}

#tarteaucitron .clear {
  clear: both;
}

#tarteaucitron a {
  color: #424242;
  font-size: 0.75rem;
  font-weight: bold;
  text-decoration: none;
}

#tarteaucitronAlertBig a,
#tarteaucitronAlertSmall a {
  color: #fff;
}

#tarteaucitron b {
  font-size: 1.375rem;
  font-weight: normal;
}

#tarteaucitronRoot {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

#tarteaucitronRoot * {
  box-sizing: initial;
  vertical-align: initial;
}

#tarteaucitronBack {
  background: #fff;
  display: none;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2147483646;
}

#tarteaucitron {
  display: none;
  max-height: 80%;
  left: 50%;
  margin: 0 auto 0 -430px;
  padding: 0;
  position: fixed;
  top: 6%;
  width: 860px;
  z-index: 2147483647;
}

#tarteaucitron .tarteaucitronBorder {
  background: #fff;
  border: 2px solid #333;
  border-top: 0;
  height: auto;
  overflow: auto;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
  background: #333;
  color: #fff;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 70px;
}

#tarteaucitron #tarteaucitronDisclaimer {
  color: #555;
  font-size: 0.75rem;
  margin: 15px auto 0;
  width: 80%;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronHidden,
#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  background: rgba(51, 51, 51, 0.07);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
  display: none;
  position: relative;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background: #333;
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  margin: 20px 0px 0px;
  padding: 5px 20px;
  text-align: left;
  width: auto;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronMainLine
  .tarteaucitronName
  a,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  color: #fff;
  font-weight: normal;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronMainLine
  .tarteaucitronName
  a:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {
  text-decoration: none !important;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronMainLine
  .tarteaucitronName
  a {
  font-size: 1.375rem;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {
  font-size: 0.875rem;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronTitle {
  padding: 5px 10px;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  color: #fff;
  display: none;
  font-size: 0.75rem;
  font-weight: normal;
  margin-top: 0;
  max-width: 270px;
  padding: 20px;
  position: absolute;
  z-index: 2147483647;
}

#tarteaucitron #tarteaucitronInfo a {
  color: #fff;
  text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {
  background: rgba(51, 51, 51, 0.2);
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: rgba(51, 51, 51, 0.1);
  border-left: 5px solid #fabe00 !important;
  margin: 0;
  overflow: hidden;
  padding: 15px 5px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background: #333;
  border: 3px solid #333;
  border-left: 9px solid #333;
  border-top: 5px solid #333;
  margin-bottom: 0;
  margin-top: 21px;
  position: relative;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {
  background: #333;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronMainLine
  .tarteaucitronName {
  margin-left: 15px;
  margin-top: 2px;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronMainLine
  .tarteaucitronName
  b {
  color: #fff;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {
  margin-top: 0px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {
  display: inline-block;
  float: left;
  margin-left: 10px;
  text-align: left;
  width: 50%;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronLine
  .tarteaucitronName
  a:hover {
  text-decoration: underline;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {
  display: inline-block;
  float: right;
  margin: 7px 15px 0;
  text-align: right;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronLine
  .tarteaucitronAsk
  .tarteaucitronAllow,
#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronLine
  .tarteaucitronAsk
  .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
  background: gray;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 6px 10px;
  text-align: center;
  text-decoration: none;
  width: auto;
}

#tarteaucitron
  #tarteaucitronServices
  .tarteaucitronLine
  .tarteaucitronName
  .tarteaucitronListCookies {
  color: #333;
  font-size: 0.75rem;
}

.tarteaucitronAlertBigTop {
  top: 0;
}

.tarteaucitronAlertBigBottom {
  bottom: 0;
}

#tarteaucitronAlertBig {
  background: #201f29;
  color: #fff;
  display: none;
  left: 0;
  padding: 5px 5%;
  position: fixed;
  text-align: center;
  width: 90%;
  box-sizing: content-box;
  z-index: 2147483645;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
  font-family: Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
  font-size: clamp(1rem, 0.9168rem + 0.1735vw, 1.125rem) !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b {
  font-weight: bold;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize {
  background: #1b870b;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  padding: 5px 10px;
  text-decoration: none;
  margin-left: 7px;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background: #fff;
  color: #333;
  font-size: 0.875rem;
  margin-bottom: 3px;
  margin-left: 7px;
  padding: 4px 10px;
}

#tarteaucitronPercentage {
  background: #1b870b;
  box-shadow: 0 0 2px #fff, 0 1px 2px #555;
  height: 5px;
  left: 0;
  position: fixed;
  width: 0;
  z-index: 2147483644;
}

#tarteaucitronAlertSmall {
  background: rgba(160, 159, 159, 0.85);
  bottom: 0;
  display: none;
  padding: 0;
  position: fixed;
  left: 0;
  text-align: center;
  width: auto;
  z-index: 2147483646;
}

#tarteaucitronAlertSmall #tarteaucitronManager {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.75rem !important;
  padding: 8px 10px 8px;
}

#tarteaucitronAlertSmall #tarteaucitronManager:hover {
  background: rgba(255, 255, 255, 0.05);
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
  background-color: gray;
  border-radius: 5px;
  display: block;
  height: 8px;
  margin-bottom: 1px;
  margin-top: 5px;
  overflow: hidden;
  width: 100%;
}

#tarteaucitronAlertSmall
  #tarteaucitronManager
  #tarteaucitronDot
  #tarteaucitronDotGreen,
#tarteaucitronAlertSmall
  #tarteaucitronManager
  #tarteaucitronDot
  #tarteaucitronDotYellow,
#tarteaucitronAlertSmall
  #tarteaucitronManager
  #tarteaucitronDot
  #tarteaucitronDotRed {
  display: block;
  float: left;
  height: 100%;
  width: 0%;
}

#tarteaucitronAlertSmall
  #tarteaucitronManager
  #tarteaucitronDot
  #tarteaucitronDotGreen {
  background-color: #fff;
}

#tarteaucitronAlertSmall
  #tarteaucitronManager
  #tarteaucitronDot
  #tarteaucitronDotYellow {
  background-color: #fbda26;
}

#tarteaucitronAlertSmall
  #tarteaucitronManager
  #tarteaucitronDot
  #tarteaucitronDotRed {
  background-color: #9c1a1a;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.875rem;
  padding: 0px 10px;
  vertical-align: top;
}

#tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {
  background: rgba(255, 255, 255, 0.3);
}

#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {
  display: none;
  max-height: 70%;
  max-width: 500px;
  position: fixed;
  right: 400px;
  width: 100%;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList {
  background: #fff;
  border: 2px solid #333;
  color: #333;
  font-size: 0.75rem;
  height: auto;
  overflow: auto;
  text-align: left;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  b {
  color: #333;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesTitle {
  background: #333;
  margin-top: 21px;
  padding: 13px 0 9px 13px;
  text-align: left;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesTitle
  b {
  color: #fff;
  font-size: 1rem;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronCookiesListMain {
  background: rgba(51, 51, 51, 0.1);
  padding: 7px 5px 10px;
  word-wrap: break-word;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronCookiesListMain:hover {
  background: rgba(51, 51, 51, 0.2);
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronCookiesListMain
  a {
  color: #333;
  text-decoration: none;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronCookiesListMain
  .tarteaucitronCookiesListLeft {
  display: inline-block;
  width: 50%;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronCookiesListMain
  .tarteaucitronCookiesListLeft
  a
  b {
  color: darkred;
}

#tarteaucitronAlertSmall
  #tarteaucitronCookiesListContainer
  #tarteaucitronCookiesList
  .tarteaucitronCookiesListMain
  .tarteaucitronCookiesListRight {
  color: #333;
  display: inline-block;
  font-size: 0.75rem;
  margin-left: 10%;
  vertical-align: top;
  width: 30%;
}

.tac_activate {
  background: #333;
  color: #fff;
  display: table;
  font-size: 0.75rem;
  height: 100%;
  line-height: initial;
  margin: auto;
  text-align: center;
  width: 100%;
}

.tac_float {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.tac_activate .tac_float b {
  color: #fff;
}

.tac_activate .tac_float .tarteaucitronAllow {
  background-color: #1b870b;
  display: inline-block;
}

ins.ferank-publicite,
ins.adsbygoogle {
  text-decoration: none;
}

div.amazon_product {
  height: 240px;
  width: 120px;
}

@media screen and (max-width: 479px) {
  #tarteaucitron .tarteaucitronLine .tarteaucitronName {
    width: 90% !important;
  }

  #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {
    float: left !important;
    margin: 10px 15px 5px;
  }

  #tarteaucitronRoot {
    left: 0;
    position: static;
    right: 0;
    top: 0;
    width: 100%;
  }

  #tarteaucitronAlertSmall {
    background: rgba(160, 159, 159, 0.85);
    bottom: 0;
    display: none;
    padding: 0;
    left: 0;
    text-align: center;
    width: 100%;
    position: static;
  }

  #tarteaucitronAlertBig #tarteaucitronCloseAlert,
  #tarteaucitronAlertBig #tarteaucitronPersonalize {
    background: rgba(160, 159, 159, 0.85);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    padding: 5px 10px;
    text-decoration: none;
    margin-left: 7px;
  }

  #tarteaucitronAlertSmall
    #tarteaucitronManager
    #tarteaucitronDot
    #tarteaucitronDotGreen {
    background-color: #fff;
  }
}

@media screen and (max-width: 767px) {
  #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer,
  #tarteaucitron {
    background: #fff;
    border: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: 100% !important;
    max-width: 100% !important;
    top: 0 !important;
    width: 100% !important;
  }

  #tarteaucitron .tarteaucitronBorder {
    border: 0 !important;
  }

  #tarteaucitronAlertSmall
    #tarteaucitronCookiesListContainer
    #tarteaucitronCookiesList {
    border: 0 !important;
  }

  #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {
    text-align: left !important;
  }

  #tarteaucitronRoot {
    left: 0;
    position: static;
    right: 0;
    top: 0;
    width: 100%;
  }

  #tarteaucitronAlertBig #tarteaucitronCloseAlert,
  #tarteaucitronAlertBig #tarteaucitronPersonalize {
    background: rgba(160, 159, 159, 0.85);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    padding: 5px 10px;
    text-decoration: none;
    margin-left: 7px;
  }

  #tarteaucitronAlertSmall {
    background: rgba(160, 159, 159, 0.85);
    bottom: 0;
    display: none;
    padding: 0;
    left: 0;
    text-align: center;
    width: 100%;
    position: static;
  }

  #tarteaucitronAlertSmall
    #tarteaucitronManager
    #tarteaucitronDot
    #tarteaucitronDotGreen {
    background-color: #fff;
  }
}

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

.page_margin_left {
  margin-left: 1%;
  padding: 40px;
  border: 1px rgba(0, 0, 0, 0.2) solid;
}

.full_submenu {
  top: 80px !important;
}

.about_banner {
  background-image: url("/storage/system/about/banner.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.about_banner p {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 100;
}

.about_block1 {
  background-color: rgba(0, 0, 0, 0.3);
}

.about_card1 {
  padding: 10px 20px;
}

.about_card1 p {
  padding: 10px;
}

.about_card1 .nub {
  font-size: 40px;
  font-weight: 800;
}

.about_title {
  padding: 20px;
  font-size: 40px;
  font-weight: 200;
  color: white !important;
}

.about_block2 {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px;
}

.corporate_block {
  padding: 100px 0;
}

.corporate_block_content {
  background-image: url("/storage/system/about/corporrat_white_bg.svg");
  background-size: 90% 90%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

#map_pic_bt {
  width: 40px;
  height: 40px;
  background-color: rgba(10, 50, 96, 0.2);
  margin: 3px;
  cursor: pointer;
}

#map_pic_bt:hover {
  background-color: rgba(10, 50, 96, 1);
}

#map_list_bt {
  width: 40px;
  height: 40px;
  background-color: rgba(10, 50, 96, 0.2);
  margin: 3px;
  cursor: pointer;
}

#map_list_bt:hover {
  background-color: rgba(10, 50, 96, 1);
}

.map_block {
  background-color: white;
}

.reddot {
  width: 5px;
  height: 10px;
  background-color: #fb5656;
  position: absolute;
  border-radius: 5px;
  cursor: pointer;
}

.reddot:hover {
  transition: background-color 1s;
  background-color: white;
}

.red_p {
  display: none;
  color: white;
  background-color: #fb5656;
  padding: 0 5px;
  font-weight: bold;
  position: absolute;
  bottom: -11px;
  border-radius: 2px;
  z-index: 999;
}
.appli_card {
  padding: 20px;
}

@media (max-width: 1199px) {
  .maprwd {
    display: none;
  }
  .page_margin_left {
    padding: 40px 0;
  }
  .application_banner {
    padding: 200px 0 !important;
  }
  .specification_banner {
    padding: 200px 0;
  }
}

.process_title .p1 {
  font-size: 40px;
  letter-spacing: 2px;
  font-weight: 900;
}

.process_title .p2 {
  font-size: 20px;
  letter-spacing: 2px;
  font-weight: 100;
}

.process_bg_clack {
  background-image: url("/storage/system/processing/bg_black.svg");
}

.process_bg_clack p {
  color: white;
}

.process_bg_clack hr {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin: 15px 0 !important;
}

.process_bg_N p {
  color: #505050;
}

.process_bg_N hr {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  margin: 15px 0 !important;
}

.application_banner {
  background-image: url("/storage/system/application/application_banner_bg.svg");
  padding: 500px 0 200px 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.application_banner p {
  color: white;
}

.specification_banner {
  background-image: url("/storage/system/specification/specification_banner_bg.svg");
  padding: 500px 0 200px 0;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.specification_banner p {
  color: white;
}

.home_news_item_title:hover {
  color: rgba(10, 50, 96, 1);
}

@media (min-width: 1920px) {
  .application_banner {
    background-size: 100%;
  }
  .specification_banner{
    background-size: 100%;
  }
}